天天看点

jQuery UI Datepicker中文显示

转自:http://zh-cn.facebook.com/people/Guangwei-Zhang/679871977

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另存为时可以选择。