jQuery UI -- 日历选择器




<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery UI 日历选择器示例</title>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <script src="//code.jquery.com/jquery-1.12.4.js"></script>
    <script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <script>
        $(function() {
            $("#datepicker").datepicker();
        });
    </script>
</head>
<body>
 
<p>选择一个日期：</p>
<div style="width: 270px;" id="datepicker"></div>
 
</body>
</html>

这段代码展示了如何在网页中使用jQuery UI库的日历选择器功能。首先，在<head>标签中包含了必要的样式表和JavaScript文件。在<body>中通过一个<div>元素和id属性来初始化日历选择器。最后，在<script>标签中使用jQuery的$(document).ready()函数确保在DOM完全加载后初始化日历。

jQuery UI -- 日历选择器

评论已关闭

推荐阅读