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按钮的属性了

?