jQuery UI Datepicker中文显示

jqueryuifunction

[javascript] view
plaincopy

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

$(function() {

$.datepicker.setDefaults($.extend({showMonthAfterYear: false}, $.datepicker.regional['']));

$("#datepicker").datepicker($.datepicker.regional['fr']);

$("#locale").change(function() {

$('#datepicker').datepicker('option', $.extend({showMonthAfterYear: false},

$.datepicker.regional[$(this).val()]));

});

});