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