PhoneGap+Cordova+SenchaTouch-03-日期组件的使用与本地化

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

来张效果图

欢迎加入技术讨论群 ：219805927     

你也可以扫描二维码加入该群

原文请移步：争一代雄风 » PhoneGap+Cordova+SenchaTouch-03-日期组件的使用与本地化

本博客文章除特别声明，全部都是原创！
转载请注明： 转载自“争一代雄风” （www.wenhaozhong.com）