在SenchaTouch 中使用日期组件只需要简单定义就可以了
{
xtype: 'datepickerfield',
label: '生日',
name: 'birthday',
value: {
year: 2015,
month: 2,
day: 4
},
placeHolder: '请选择日期',
dateFormat: 'Y-m-d',
picker: {
dayText: '日',
monthText: '月',
slotOrder: [
'year',
'month',
'day'
],
yearFrom: 1990,
yearText: '年',
yearTo: 2010,
doneButton: '确定',
cancelButton: '取消'
}
}
为了适合中国人的使用,定义了picker,slotOrder 用来设置年月日的显示顺序。
由于自带的月份是英文的,需要本地化,这里提供的解决方案是直接修改源文件,在touch\src\DateExtras.js 文件
将monthNames修改为对应的月份就可以了。
monthNames : [
"一月"
,
"二月"
,
"三月"
,
"四月"
,
"五月"
,
"六月"
,
"七月"
,
"八月"
,
"九月"
,
"十月"
,
"十一月"
,
"十二月"
],