SenchaTouchq

在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 : [

         "一月" ,

         "二月" ,

         "三月" ,

         "四月" ,

         "五月" ,

         "六月" ,

         "七月" ,

         "八月" ,

         "九月" ,

         "十月" ,

         "十一月" ,

         "十二月"

     ],

如果想对日期组件进行定制还可以修改touch\src\picker\文件夹下的Date.js ，Picker.js，Slot.js，这样就不用每次修改比如doneButton按钮的属性了

?