sencha touch中datepicker的汉化

sencha touch中提供的datepicker，是英文版的，在中国做软件当然要汉化。



如上图，就是sencha的原版datepicker,我们要对它进行汉化。找源码：找到js源码文件sencha-touch-debug.js

在文件中搜索datepicker部分。找到Ext.DatePicker的initComponent方法，对如下代码做修改

for (i = yearsFrom; i <= yearsTo; i++) {

years.push({

text: i,//此处修改为 text:i +' 年',

value: i

});

}

和

for (i = 0; i < daysInMonth; i++) {

days.push({

text: i + 1,//此处修改为 text:(i +1)+' 日',

value: i + 1

});

}

修改好年份和日期后，还要对月份进行处理。

在js源码文件sencha-touch-debug中搜索monthNames，会找到在Ext.apply下的

monthNames: [

"January",

"February",

"March",

"April",

"May",

"June",

"July",

"August",

"September",

"October",

"November",

"December"

],

修改为相应的月份为汉字即可

monthNames: [

"1 月",

"2 月",

"3 月",

"4 月",

"5 月",

"6 月",

"7 月",

"8 月",

"9 月",

"10月",

"11月",

"12月"

],

修改好这些后显示效果为



如果不满意年、月、日的显示位置，还可以修改css文件，改善布局。