jQuery UI -- 日历选择器




<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery UI Datepicker Example</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>Date: <input type="text" id="datepicker"></p>
 
</body>
</html>

这段代码展示了如何在网页中使用jQuery UI库的日历选择器功能。首先，在<head>标签中包含了必要的CSS和JavaScript文件链接。然后，在<body>中添加了一个文本输入框，并通过ID绑定了日历选择器。最后，在<script>标签中初始化了日历选择器，使其在页面加载时自动绑定到指定的输入框上。

jQuery UI -- 日历选择器

评论已关闭

推荐阅读