如何在 sencha touch 的 DatePickerField 中设置默认日期？答案

【问题标题】：How to set default date in DatePickerField in sencha touch?如何在 sencha touch 的 DatePickerField 中设置默认日期？
【发布时间】：2013-06-06 15:47:55
【问题描述】：

我对 sencha touch datepicker 字段有疑问。我想在 datepicker 字段中设置默认（当前日期），但我找不到这样做的方法。我正在使用 sencha 架构师，并且不存在用于在 datepickerfield 中设置默认日期的属性。

我在 datepickerfield 的 value 属性中使用以下代码：

{
    year: (new Date()).getFullYear(), 
    day: 1, 
    month: 5
}

但使用上述代码显示日期时应用程序停止工作。

请告诉我如何做到这一点。

【问题讨论】：

标签： sencha-touch-2 sencha-architect

【解决方案1】：

检查“价值”属性

http://docs.sencha.com/touch/2.2.1/#!/api/Ext.picker.Date-cfg-value

【讨论】：

【解决方案2】：

您需要向包含您的日期选择器的任何类添加一个初始化函数。

选择该类。
然后从配置中添加一个初始化函数控制板。

然后在初始化函数中加入如下代码：

var picker = this.down('datepicker');

picker.setConfig({
    value: new Date()
});

this.callParent();

当然，如果你有多个日期选择器，你会想给它一个项目 ID 并使用this.down('#thedatepicker');

【讨论】：

你也可以将 new Date() 替换为 { year: new Date().getFullYear, day: 1, month: 5 }

【解决方案3】：

这可以在容器本身的配置中完成，如下所示：

 xtype: 'datepickerfield',
        value: new Date(),
        picker: {
            yearFrom: 2015,
            yearTo: 2030
        }

【讨论】：