直接看代码:
代码中引用的所有js文件已打包(见附件1)。jquery-1.6.2.js除外。因为这个跟datepicker没直接关系。
如果想显示中文,直接加上附件2,就行了。
一些参数设置:
注:jqueryui插件下载地址
http://jqueryui.com/download
代码中引用的所有js文件已打包(见附件1)。jquery-1.6.2.js除外。因为这个跟datepicker没直接关系。
如果想显示中文,直接加上附件2,就行了。
<title>jQuery UI Datepicker - Default functionality</title>
<link rel="stylesheet" href="../jquery-ui/css/jquery.ui.all.css">
<script src="../jquery-ui/jquery-1.6.2.js"></script>
<script src="../jquery-ui/jquery.ui.core.js"></script>
<script src="../jquery-ui/jquery.ui.widget.js"></script>
<script src="../jquery-ui/jquery.ui.datepicker.js"></script>
<!-- 显示中文 -->
<script src="../jquery-ui/jquery.ui.datepicker-zh-CN.js"></script>
<script>
$(function() {
$("#datepicker" ).datepicker();
});
$(document).ready(function(){
//alert("fs");
//$("#datepicker" ).datepicker();
$("#button").click(function(){
alert($("#datepicker").val());
});
});
</script>
</head>
<body>
<div class="demo">
<input type="text" id="datepicker" />
<input type="button" id="button" value="show" />
</div><!-- End demo -->
一些参数设置:
$("#datepicker").datepicker({
minDate: new Date()
});
注:jqueryui插件下载地址
http://jqueryui.com/download