jquery ui 的datepicker日期插件施用

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' });

大功告成！

jquery ui 的datepicker日期插件施用

相关推荐