如何設置在日期選擇觸摸的日期選擇框中的'日期'和'月'2

Question

我正在嘗試做一些我認爲應該足夠簡單的事情。我在ST2.1中使用datepickerfield並嘗試設置開始日期。我知道我可以像這樣設定年份：

{ 
    xtype: 'datepickerfield', 
    picker: { 
     yearFrom: newDate().getFullYear(), 
     yearTo: 1930 
    } 
} 

但我也希望能夠設置開始日期和月份。這可能嗎？以上產生的結果像'2013年1月1日'，這不是我想要的。

Answer 1

如果您只是想設置選取器的初始日期，那麼您只需要選取器的value配置屬性。

{ 
    xtype: 'datepickerfield', 
    value: (new Date()), // the value in the actual input (will also be in the picker UI) 
    picker: { 
    value: (new Date()), // use this if you DON'T want/have a value in the actual input 
    yearFrom: (new Date()).getFullYear(), 
    yearTo: 1930 
    } 
} 

更多的documentation（特別是「價值」和「選擇器」的配置選項）。這裏有一個Sencha Fiddle演示使用。

Answer 2

您可以創建monthFrom,monthTo和dayFrom,dayTo configs。但爲此，您需要延長Ext.picker.Date。爲這些字段創建適當的配置並更改createSlots方法來限制月份和日期值。

作爲對您的評論的迴應，您可以在選取器中使用slotOrder配置重新排序插槽。像 -

slotOrder:['day', 'month', 'year']

一旦延長Ext.picker.Date，只要你想，你可以修改某些插槽，然後可以在第一插槽整天名。