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完全加载后初始化日历。
评论已关闭