datepicker的汉化(sencha touch)
2014-07-08 11:01
253 查看
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的原版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文件,改善布局。
相关文章推荐
- datepicker的汉化(sencha touch)
- sencha touch中datepicker的汉化
- datepicker的汉化(sencha touch)
- sencha touch中datepicker的汉化
- sencha touch中datepicker的汉化
- 使用 crosswalk-cordova 打包sencha touch 项目,再也不用担心安卓兼容问题!
- 移动开发框架Sencha+Touch开发实战(续)
- 视频: Sencha Touch - Intro to List Component
- sencha touch jsonp
- sencha touch 1.1中如何不用proxy 获得wcf传入的jsonp数据
- sencha touch插件
- Sencha Touch 实战开发培训 电子书 基础篇
- sencha touch 2--button\slider\email\password
- sencha touch 给没有touch事件的控件添加touch事件
- sencha touch 在安卓中横屏、竖屏切换 应用崩溃问题
- 从零开始学习Sencha Touch MVC应用之四
- Sencha Touch 2 实现跨域访问
- 简单的分析一下sencha touch2
- Sencha Touch 2.0 List实例
- Sencha touch学习