Extjs DatePicker：如何使用鼠标单击在禁用日期上启用“单击/选择”？
user2005049
我正在使用Extjs 4.2.5 datepicker进行客房管理，当用户选择一个日期时，我将其添加到数组中，然后调用“ setdisableDates”：
sender.DisabledDates.push(date);
sender.setDisabledDates(sender.DisabledDates);
用户选择日期后，它将变为禁用，并使用CSS将背景颜色更改为红色。
我如何在那些已禁用的日期上启用单击或选择，以防万一用户犯了一个错误并想要取消？
谢谢你的建议
user2005049
我设法通过覆盖“ handleDateClick”来做到这一点：
function picker.beforeInit(sender, config)
{
config.cls='room_clndr';
config.DisabledDates=[];
config.disabledDaysText='חסום';
config.handleDateClick = function(e, t){
var me = this,
handler = me.handler;
e.stopEvent();
if(!me.disabled && t.dateValue){//<---------
me.doCancelFocus = me.focusOnSelect === false;
me.setValue(new Date(t.dateValue));
delete me.doCancelFocus;
me.fireEvent('select', me, me.value);
if (handler) {
handler.call(me.scope || me, me, me.value);
}
me.onSelect();
}
}
}和：
function picker.select(sender, date, eOpts)
{
if(jQuery.inArray( Ext.Date.format(date, 'd/m/Y'), sender.DisabledDates )>=0) {
sender.DisabledDates.splice( $.inArray(Ext.Date.format(date, 'd/m/Y'), sender.DisabledDates), 1 );
if(sender.DisabledDates.length>0) {
sender.setDisabledDates(sender.DisabledDates);
}
else {
sender.setDisabledDates([null]);
}
}
else {
sender.DisabledDates.push(Ext.Date.format(date, 'd/m/Y'));
sender.setDisabledDates(sender.DisabledDates);
}
}而这里的CSS：
.room_clndr .x-datepicker-disabled .x-datepicker-date
{
background-color:#fe5757 !important;
color: #fff !important;
}本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
Extjs DatePicker：如何使用鼠标单击在禁用日期上启用“单击/选择”？
- 2
单击使用ExtJS调用函数
- 3
Extjs Roweditor单击更新
- 4
ExtJS 7如何在右键单击上选择网格行
- 5
ExtJS 4，如何选择网格行以及单行也可单击？
- 6
如何过滤ExtJs GridPanel / ExtJs商店？
- 7
行列选择了extjs
- 8
如何使ExtJS网格响应
- 9
如何添加 FavIcon ExtJS
- 10
在TypeScript中使用ExtJS
- 11
如何禁用JTable鼠标单击？
- 12
使函数启用/禁用组合框ExtJS
- 13
ExtJS - 在组合更改时禁用/启用元素
- 14
以编程方式单击Extjs中的按钮
- 15
设置/获取Datepicker值ExtJS
- 16
ExtJs 3.4：启用网格行选择上的按钮
- 17
在ExtJS网格中禁用多行选择
- 18
设置开始日期字段 EXTJS
- 19
如何通过鼠标单击启用禁用的文本框vb.net
- 20
Extjs-formPanel上的isValid（）
- 21
IE上的ExtJS Desktop问题
- 22
单击按钮如何在extjs中打出垂直行
- 23
ExtJS。无法使用ExtJS 6 GPL日历应用程序
- 24
如何交换Extjs面板内容？
- 25
如何在extjs中添加“€”？
- 26
如何过滤extjs中的存储？
- 27
如何覆盖EXTJS摘要的总和？
- 28
使用ExtJS onFilefieldChange上传文件
- 29
使用ExtJS 6拖放文件
我来说两句