jQuery-ui datepicker

 

关于datepicker的地址http://plugins.jquery.com/ui.datepicker/

 

简单用法：

 

导入jquery.js , jquery-ui.js

$( "#date" ).datepicker({

dateFormat:"yy-mm-dd"

,changeYear: true//可以选择年份

,changeMonth: true//月份

,yearRange: "c-80:c" //年的范围

,maxDate: "-18y" //最大日期

});

 

小技巧：在input上使用readonly="readonly"让其不能输入，只能选择日期

默认情况是能输入数组和你指定格式的字符。

详细API文档地址：http://api.jqueryui.com/datepicker/