jquery ui 的datepicker日期插件使用
首先是下载所需要的JS文件。
然后引入到项目中。
HTML页面:
<td>
??????????? 开始时间:<INPUT id="beginDate" type="text"/>
</td>
JS函数:
$("#beginDate").datepicker({ dateFormat: 'yy-mm-dd' });
但是这有个问题,原因是该插件是英文的,而且格式是:mm/dd/yy
转成中文格式的,并且设置格式:
首先将如下代码保存成UTF-8格式的JS文件:
jQuery(function($){
???? $.datepicker.regional['zh-CN'] = {
??????? clearText: '清除',
??????? clearStatus: '清除已选日期',
??????? closeText: '关闭',
??????? closeStatus: '不改变当前选择',
??????? prevText: '<上月',
??????? prevStatus: '显示上月',
??????? prevBigText: '<<',
??????? prevBigStatus: '显示上一年',
??????? nextText: '下月>',
??????? nextStatus: '显示下月',
??????? nextBigText: '>>',
??????? nextBigStatus: '显示下一年',
??????? currentText: '今天',
??????? currentStatus: '显示本月',
??????? monthNames: ['一月','二月','三月','四月','五月','六月', '七月','八月','九月','十月','十一月','十二月'],
??????? monthNamesShort: ['一','二','三','四','五','六', '七','八','九','十','十一','十二'],
??????? monthStatus: '选择月份',
??????? yearStatus: '选择年份',
??????? weekHeader: '周',
??????? weekStatus: '年内周次',
??????? dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],
??????? dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],
??????? dayNamesMin: ['日','一','二','三','四','五','六'],
??????? dayStatus: '设置 DD 为一周起始',
??????? dateStatus: '选择 m月 d日, DD',
??????? dateFormat: 'yy-mm-dd',
??????? firstDay: 1,
??????? initStatus: '请选择日期',
??????? isRTL: false};
??????? $.datepicker.setDefaults($.datepicker.regional['zh-CN']);
??? });
???
?然后在项目中引用,然后设置格式:
?$("#beginDate").datepicker({ dateFormat: 'yy-mm-dd' });
?
?大功告成!