как сбросить поле даты EXT

Question

У меня есть два поля даты в качестве даты начала и окончания для выбора диапазона дат, рендерите эти поля даты в двух отдельных 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> 

здесь доб код

var drSt = new Ext.Panel({ 
labelWidth: 30, 
border: false, 
width: 100, 
layout: 'fit', 
defaults: {width: 125}, 
defaultType: 'datefield', 
items: [{ 
name: 'startdt', 
id: 'startdt', 
vtype: 'daterange', 
format: 'Y-m-d', 
endDateField: 'enddt' // id of the end date field 
}] 
}); 

drSt.render('fromDateRange'); 

var drET = new Ext.Panel({ 
    labelWidth: 30, 
    border: false, 
    width: 100, 
    layout: 'fit',   
    defaults: {width: 125}, 
    defaultType: 'datefield', 
    items: [{ 
     name: 'enddt', 
     id: 'enddt',  
     vtype: 'daterange', 
     format: 'Y-m-d', 
     startDateField: 'startdt' // id of the start date field 
    }] 
    }); 

drET.render('toDateRange'); 

Answer 1

добавить слушатель в поле даты. используйте прослушиватель select, а не прослушиватель изменений, поскольку событие изменения только срабатывает при размытии. или вы могли бы сделать это

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

очистить вы можете использовать что-то вроде этого - вилка для ваших потребностей

{ 
    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); 
    } 
} 

source