3

我有一个 ExtJS 日期字段。在应用程序的某些操作期间，最小值和最大值被分配给日期字段。最小值和最大值比当前日期早 4 年，但是当日期选择器打开时，它会打开禁用的当前日期。用户必须手动向后滚动 4 年才能选择日期。无论如何，我可以通过显示最小值和最大值之间的日期来更新日期选择器以打开？

添加代码：

cmpDt.setMinValue(new Date(2000, 0, 1));
cmpDt.setMaxValue(new Date(2004, 0, 1));

这设置了最小值和最大值。我不能使用setValue()，因为它会初始化/更改文本字段。我希望文本字段仅在从日期选择器中选择时获得价值。

谢谢

4

2 回答 2

5

value您必须使用以下属性设置初始值Ext.form.field.DateView：

{
    ...,
    minValue: new Date(2000, 0, 1),
    maxValue: new Date(2004, 11, 31),
    value: new Date(2002, 5, 15),
    ...
}

从 OP 获得更多信息后进行编辑：

您可以覆盖onExpand初始化选取器上的值的方法。原来的看起来像（假设您使用 ExtJS 4 - 但 3 应该没有那么大的不同）：

...,
onExpand: function() {
    var value = this.getValue();
    this.picker.setValue(Ext.isDate(value) ? value : new Date());
},
...

您可以覆盖该方法以读取：

...,
onExpand: function() {
    var value = this.getValue(),
        myDefaultDate = /* do some processing to determine the default date*/;
    this.picker.setValue(Ext.isDate(value) ? value : myDefaultDate);
},
...

只需将覆盖添加到初始表单字段配置即可。

于 2012-04-20T07:20:53.630 回答
0

对于任何对此问题的 EXTJS 3 解决方案感兴趣的人，我编写了以下代码。

如果需要，这允许您在声明时将initialDateToShowOnPicker其作为配置传递给Ext.DatePicker。

它还允许您调用setInitialDateToShowOnPicker(initialDateToShowOnPicker)datepicker 组件来动态设置它。

两者都需要使用 Date() 类型，并且不能在 datepicker 上设置值。

if (Ext.versionDetail && Ext.versionDetail.major == 3) {

Ext.form.DateField.prototype.setInitialDateToShowOnPicker = function (initialDateToShowOnPicker) {
    this.initialDateToShowOnPicker = initialDateToShowOnPicker;
};

Ext.form.DateField.override({
    onTriggerClick: function() {
        if(this.disabled){
            return;
        }
        if(this.menu == null){
            this.menu = new Ext.menu.DateMenu({
                hideOnClick: false,
                focusOnSelect: false
            });
        }
        this.onFocus();
        Ext.apply(this.menu.picker,  {
            minDate : this.minValue,
            maxDate : this.maxValue,
            disabledDatesRE : this.disabledDatesRE,
            disabledDatesText : this.disabledDatesText,
            disabledDays : this.disabledDays,
            disabledDaysText : this.disabledDaysText,
            format : this.format,
            showToday : this.showToday,
            startDay: this.startDay,
            minText : String.format(this.minText, this.formatDate(this.minValue)),
            maxText : String.format(this.maxText, this.formatDate(this.maxValue)),
            initialDateToShowOnPicker: this.initialDateToShowOnPicker // Date() type
        });
        this.menu.picker.setValue(this.getValue() || this.initialDateToShowOnPicker || new Date());
        this.menu.show(this.el, "tl-bl?");
        this.menuEvents('on');
    }
});     }
于 2015-05-05T12:57:17.170 回答