jQuery UI Datepicker中文显示

本是古典何须时尚 2021-11-27 00:18 470阅读 0赞

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

不过下载的jQuery UI库中是没有中文的，我们可以将如下js代码放到一个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'\]);   
    \});

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

[jQuery UI]: http://jqueryui.com/