`
baobeituping
  • 浏览: 1042296 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

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' });
 
 大功告成!

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics