Sencha Touch 2如何限制显示未来日期的datepicker

Question

任何人都可以帮我限制Sencha Touch datepicker在期望的datepicker字段中不显示/允许将来的日期。

请

Answer 1

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

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 2

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

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

同时检查setYearTo()和updateYearTo()方法。

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