我正在使用 extjs 日期字段
Ext.create('Ext.form.Panel', {
renderTo: Ext.getBody(),
width: 300,
items: [{
xtype: 'datefield',
fieldLabel: 'From',
maxValue: new Date()
}, {
xtype: 'datefield',
fieldLabel: 'To',
}]
});
在 extjs 4 中使用此代码时，它可以完美地禁用今天日期之后的所有日期，它通过使用 maxValue= now Date() 完成。在 extjs 5 中，用户无法选择今天日期之后的任何一天，但它没有被禁用。
如何禁用这些日期？？
提前致谢
【问题讨论】：
标签： extjs datepicker extjs5 datefield
不确定您是否可以...已为无效的日期提供了正确的课程，并进行了所有正确的设置。但是 HTML 不同。
在Ext4中，渲染日期单元格的模板是
'<a role="presentation" hidefocus="on" class="{parent.baseCls}-date" href="#"></a>',
但在Ext5中，模板是
'<div hidefocus="on" class="{parent.baseCls}-date"></div>',
另一个问题是样式的 SASS 代码仍然假定单元格是 A 标记，而不是 DIV
// include the element name since :hover causes performance issues in IE7 and 8 otherwise
a.#{$prefix}datepicker-date:hover {
color: $datepicker-item-color; // needed to override color for prevday/nextday
background-color: $datepicker-item-hover-background-color;
}
简而言之，这似乎是 ExtJS 5 中的一个错误 - Javascript 小部件已转换，但 CSS 没有。我建议向他们提出这个错误。
【讨论】：