`

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文件,改善布局。


分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics