Extjs 如何重置EXT日期字段

我使用了两个日期字段作为开始日期和结束日期来选择日期范围，并将这些日期字段呈现在两个单独的div中。问题是，当我按下“重置”按钮时，日期字段将重置，但日历组件未重置，并且在刷新页面之前仍禁用所选日期范围之外的所有日期：

这是一个html

<table cellspacing="6" align="center" border="0">           
<tr>
  <td><b>Report Period:</b> </td>
<td><div id="fromDateRange"></div></td>         
<td><div id="toDateRange"></div></td>
<td><input type="button" value="Search"/></td>
<td><input type="reset" value="Reset"/></td>
</tr>
</table>

---

将侦听器添加到日期字段。使用选择侦听器而不是更改侦听器，因为更改事件仅在模糊时触发。或者你可以这样做

 dateFrom.addValueChangeHandler(new ValueChangeHandler<Date>() {
    @Override
    public void onValueChange(ValueChangeEvent<Date> event) {
         ...
    }
 });

---

在日期字段中添加一个侦听器。使用选择侦听器而不是更改侦听器，因为更改事件仅在模糊时触发。或者你可以这样做

 dateFrom.addValueChangeHandler(new ValueChangeHandler<Date>() {
    @Override
    public void onValueChange(ValueChangeEvent<Date> event) {
         ...
    }
 });

---

有关示例，请参见。您应该将日期指定为listener is addListener（eventName、handler、[scope]、[options]）的datefield alsoformat。请参阅此处提供的所有代码-接受如何？有关示例，请参阅。您应该将日期指定为datefield，listener is addListener的alsoformat（eventName，handler，[scope]，[options]）查看您需要的所有代码-接受如何？

{
    xtype: 'datefield',
    onTriggerClick: function() {
        Ext.form.DateField.prototype.onTriggerClick.apply(this, arguments);
        var btn = new Ext.Button({
            text: 'Clear'
        });
        btn.render(this.menu.picker.todayBtn.container);
    }
}

onTriggerClick: function() {
    Ext.form.DateField.prototype.onTriggerClick.apply(this, arguments);
    if(!this.hasOwnProperty('btnClear')) {
        var self = this;
        this.btnClear = new Ext.Button({
            text: _('reset'),
            listeners:{
                click: function() {
                    console.log(self)
                    self.reset()
                    self.fireEvent('select')
                }
            }
        });
        this.btnClear.render(this.menu.picker.todayBtn.container);
    }
}