datepicker的汉化(sencha touch)

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

你可能感兴趣的:(sencha,touch)