我使用两个日期字段作为开始日期和结束日期来选择日期范围,将这些日期字段呈现在两个单独的 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');