jQuery UI Datepicker中文显示-阿里云开发者社区

jQuery UI Datepicker中文显示

2013-08-12 1276

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

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

 
 jquery
 ui
 function 

[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()]));   
   });   
  });   

jQuery UI Datepicker中文显示

热门文章

最新文章

相关课程

相关电子书

相关实验场景