validation - Sencha Touch 2 如何限制显示未来日期的日期选择器

Question

任何人都可以帮助我限制 Sencha Touch 日期选择器不在所需的日期选择器字段中显示/允许未来的日期。

请

Answer 1

它可以实现如下，

{
    xtype : 'datepickerfield',
    label : 'date',
    picker : {
        yearFrom : 2000
    }
}

Answer 2

我通常对这样的更改使用覆盖。否则，您需要为应用程序中的所有日期选择器更改它。

Ext.define('App.override.picker.Date', {
    override: 'Ext.picker.Date',

    config: {
        yearFrom: 1970,
        yearTo: 2070, // you can use a fixed number or: new Date().getFullYear() + 10, 
        monthText: 'Month',
        dayText: 'Day',
        yearText: 'Year',
        slotOrder: ['month', 'day', 'year'],
        doneButton: true
    }
});

Answer 3

您可以使用以下配置来限制年份输入。

Ext.create('Ext.picker.Date', {
    yearFrom: 2000,
    yearTo  : 2015,
    //or you can use
    minValue: new Date(1980,1,20),
    maxValue: new Date()
});

还要检查setYearTo()和updateYearTo()方法。

该组件不允许限制实际的月份和日期输入，但您可以在之后对其进行验证。