validation - Sencha Touch 2 未来の日付を表示する datepicker を制限する方法

Question

Sencha Touch の datepicker が表示されないように制限したり、希望の datepicker フィールドに将来の日付を許可したりするのを手伝ってください。

お願いします

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()メソッドも確認してください。

このコンポーネントでは、実際の月と日の入力を制限することはできませんが、後で検証することができます。