jQuery UI Datepicker中文显示月份和星期

最新推荐文章于 2023-02-22 09:30:23 发布

q876597923

最新推荐文章于 2023-02-22 09:30:23 发布

阅读量2.4k

点赞数

文章标签： datepicker 中文星期月份

本文介绍如何为jQuery UI的UIDatepicker组件配置中文语言包，包括必要的JavaScript代码及使用说明。

jQuery
 UI Datepicker这个用于日期显示很方便而且提供了多种样式，可以从jQuery UI中选择喜欢的样式和jQuery UI组件随意下载js库，如果只是使用datepicker那么选择时之选UI Core和Widgets中的Datepicker，然后选择喜欢的主题，选择版本，下载即可。

 

不过下载的jQuery
 UI库中是没有中文的，我们可以将如下js代码放到一个js文件中，然后在需要用的html静态页了文件里面中引用即可：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']);

    });

 

注意保存时需要把编码方式选为UTF-8，如果是使用记事本或者Ediplus另存为时可以选择。