datepickerfield如何显示即将到来的岁月

时间:2012-08-09 13:33:37

标签: extjs sencha-touch-2

        {
            xtype: 'datepickerfield',
            label: 'Start Date',
            name: 'startdate',
            value: new Date()
        },

我正在使用此代码显示数据选择器的时间。这些选择向我展示了从1980年到2012年的年份清单。我需要从2000年到2015年的数量有限的年份。如何做到这一点?

3 个答案:

答案 0 :(得分:1)

你需要使用yearFrom和yearTo配置选项...我发现它最好在sencha touch 2 docs中浏览配置选项,通常会找到我正在寻找的相当快的

答案 1 :(得分:1)

不要忘记与选择器相关的 yearFrom yearTo ,而不是字段本身

{
    xtype: 'datepickerfield',
    label: 'Start Date',
    picker: {
        yearFrom: 2000,
        yearTo: 2015
    }
    name: 'startdate',
    value: new Date()
},

相对于当前年份:

{
    xtype: 'datepickerfield',
    label: 'Start Date',
    picker: {
        yearFrom: new Date().getFullYear() - 1,
        yearTo: new Date().getFullYear() + 3
    }
    name: 'startdate',
    value: new Date()
},

干杯,奥列格

答案 2 :(得分:1)

如果您使用

       yearFrom: 2000,
       yearTo: 2015

如果YearTo已过期,则您在年后手动获得Upade。

更好用

      {

                                xtype: 'datepickerfield',
                                id:'date',
                                name:'date',
                                left:'5px',
                                left:'20px',
                                width: 280,
                                dateFormat: 'Y-m-d',
                                value:{
                                          year:new Date().getFullYear(),
                                          month:new Date().getMonth()+1,
                                          day:new Date().getDate(),
                                     },
                                placeHolder:new Date(),
                                 picker:
                                {
                                    slotOrder: ['year', 'month', 'day'],
                                    value: new Date(),
                                    yearFrom:new Date().getFullYear(),
                                     yearTo: new Date().getFullYear() + 3
                                },





                    },