如何设置在日期选择触摸的日期选择框中的'日期'和'月'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，只要你想，你可以修改某些插槽，然后可以在第一插槽整天名。