本文介绍了如何使用datepicker插件来实现网页上的日期选择功能。首先需要引入jQuery和jQuery UI的CSS及JS文件，然后通过jQuery选择器指定日期选择器的目标元素。
最近用到了datepicker插件，使用方法如下：
步骤一：添加js引用（注：js文件也可以使用本地下好的文件）
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
步骤二：使用选择器
<script>
$(document).ready(function() {
$("#datepicker").datepicker();
});
html页面如下：
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script>
$(document).ready(function() {
$("#datepicker").datepicker();
});
</script>
</head>
<body style="font-size:62.5%;">
<div type="text" id="datepicker"></div>
</body>
</html>
扫一扫
4996
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
