首先下载JS文件http://jqueryui.com/download 下载之后放在项目之中来需要jquery-1.5.1.min.js、jquery-ui-1.8.13.custom.min.js、jquery.ui.datepicker-zh-CN.js (国际化文件) 以及CSS样式:jquery-ui-1.8.13.custom.css。 在样式中会引用一些背景图片。因此需要把图片也放进来,注意路径。
其次引入JS库文件以及样式表:
<link type="text/css" href="css/jquery-ui-1.8.13.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.13.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.ui.datepicker-zh-CN.js"></script>
最后:
$(document).ready(function() {
$(function() {
$('#datepicker').datepicker({
});
});
可配置的参数在jquery有详细说明。