JQuery ⽇期插件datepicker 的使⽤
JQuery是⼀款⾮常优秀的脚本框架，其丰富的控件使⽤起来也⾮常简单，配置⾮常灵活。下⾯做⼀个使⽤⽇期插件datapicker的例⼦。
2、在HTML中引⽤下载下来的js⽂件：
鼠标样式变了
src="js/jquery.1.4.2.js" type="text/javascript">
</mce:script> <!--添加datepicker⽀
s" mce_src="js/jquery.ui.
type="text/javascript">
escapexml函数</mce:script> <mce:script src="js/jquery.ui.datep
icker.js" mce_src="js/jquery.ui.
type="text/javascript">
</mce:script>3.在HTML中引⼊默认样式表⽂件，这个⽂件在ui压缩包中。如果在官⽹下载，⾸页就有这个CSS⽂件下载，也可选择其他⽪肤的CSS。href="css/jquery-ui-/>4.在HTML中插⼊⽂本域，最好设置成只读，不接受⽤户的⼿动输⼊，防⽌格式混乱，以id标记好。
5.编写js代码，实现最终效果。
$('#selectDate').datepi cker();    })；效果如下图：
这⾥只是做了⼀个最基本的⽇期控件，我们还需要以中⽂显⽰，限制⽇期选择范围等需求，稍微修改js代码：
type="text/javascript"> //等待dom元素加载完
毕.
$(function(){  $("#selectDate").datepi cker({//添加⽇期选择功
显⽰⼏个⽉  dateFormat: 'yy-mm-dd',//⽇期格式
闭选择框的按钮名称  yearSuffix: '年', //年的后缀  showMonthAfterYear:t rue,//是否把⽉放在年的后⾯  defaultDate:'2011-03-10',//默认⽇期  minDate:'2011-03-05',//最⼩⽇期  maxDate:'2011-03-效果如下：这⾥基本上就满⾜我们使⽤的需要了。datepicker控件默认是英⽂的，可以在构造datepicker时通过monthNames、dayNames属性来指定⽉、⽇的中⽂显⽰值，但是每次使⽤是都配置这些属性不免太⿇烦了，可以增加⼀个js⽂件将中⽂配置都放在⾥⾯，每次使⽤直接引⽤即可，这⾥放在jquery.ui.datepicker-zh-CN.js中，内容如下：  closeText: '关闭',
monthNames: ['⼀⽉','⼗⼀⽉','⼗⼆⽉'],  monthNamesShort:
['⼀','⼆','三','四','五','六',
'七','⼋','九','⼗','⼗⼀','⼗
spring框架源码
⼆'],
dayNames: ['星期
js四舍五入方法⽇','星期⼀','星期⼆','星期
三','星期四','星期五','星期
jquery下载的文件怎么使用
六'],
dayNamesShort: ['周
⽇','周⼀','周⼆','周三','周
四','周五','周六'],
mysql中文界面dayNamesMin: 6.在页⾯中引⼊中⽂插件icker-zh-CN.js" </mce:script>完整的页⾯代码如下：4.0 Transitional//EN"><HTML> <HEAD> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <TITLE>⽇期控件datepicker</TITLE>  <!-- 引⼊ jQuery --> <mce:script

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。