kendo DatePicker 之 设置为中文格式

原文出处：http://my.oschina.net/zh119893/blog/122367

kendo DatePicker 默认为英文格式，使用看起来总是不怎么习惯的，今天花了一点时间，研究了一下，

把它改为中文格式的

  

修改过程如下：

1、修改输入格式

      即日期框显示的格式，默认为"d/MM/yyyy",将其修改为"yyyy-MM-dd"

      这个很简单，只需要修改一下Web页面，加入format: "yyyy-MM-dd"

1. $(document).ready(function() {  
2.     $("#Date").kendoDatePicker({  
3.         value : new Date(),  
4.         format: "yyyy-MM-dd"  
5.     });  
6. });  

2、修改点击选择日期中的格式

这就要麻烦一点了，需要从DEMO中下载一个配置文件  “kendo.culture.语言名.js”，在此基础上进行修改。

修改部分内容：

语言包名称，这个到时候需要对页面中对应。

1. kendo.cultures["zh_CN"] = {  
2.     name: "zh_CN",  

主要修改的是这里

1. days: {  
2.     names: ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"],  
3.     namesAbbr: ["周日","周一","周二","周三","周四","周五","周六"],  
4.     namesShort: ["日","一","二","三","四","五","六"]  
5. },  
6. months: {    
7.     names: ["壹月","贰月","叁月","肆月","伍月","陆月","柒月","捌月","玖月","拾月","拾壹月","拾贰月",""],  
8.     namesAbbr: ["壹","贰","叁","肆","伍","陆","柒","捌","玖","拾","拾壹","拾贰",""],  
9. },  

这里也稍微改一下。

1. d: "yyyy-MM-dd",  
2. D: "yyyy年MM月dd日 dddd",  

其他的就不动了，等需要的时候再做修改。

修改完了，重命名一下，例：kendo.culture.zh_CN.js ，需要注意的是要以UTF－8格式保存，原因大家懂的……。

网页中添加内容：

1. <script src="../../../source/js/kendo.culture.zh_CN.js"></script>  

这点是一样要加的，用哪个语言包，就是在这配置了。

1. <script>  
2.     kendo.culture("zh_CN");  
3. </script>  

至此，kendoDatePicker中文格式改造完毕，此方法同样对以下模块有效：

• Calendar
• DatePicker
• TimePicker
• NumericTextBox

以下是日期类的格式类型：

"d" - short date patternkendo.toString(new Date(2000, 10, 6), "d") -> 11/6/2000

"D" - long date patternkendo.toString(new Date(2000, 10, 6), "D") -> Monday, November 06, 2000

"F" - Full date/time patternkendo.toString(new Date(2000, 10, 6), "D") -> Monday, November 06, 2000 12:00:00 AM

"g" - General date/time pattern (short time)kendo.toString(new Date(2000, 10, 6), "g") -> 11/6/2000 12:00 AM

"G" - General date/time pattern (long time)kendo.toString(new Date(2000, 10, 6), "G") -> 11/6/2000 12:00:00 AM

"M/m" - Month/day patternkendo.toString(new Date(2000, 10, 6), "m") -> November 06

"u" - Universal sortable date/time patternkendo.toString(new Date(2000, 10, 6), "u") -> 2000-11-06 00:00:00

"Y/y" - Year/month patternkendo.toString(new Date(2000, 10, 6), "y") -> November, 2000