Jquery UI Datepicker clear按钮功能

廖诚
2023-12-01

做项目中要在Jquery UI Datepicker 添加clear按钮,

去官网搜,发现没有此功能的实现。

于是,自己想办法解决,最终实现clear的功能。

现将思路分享给大家:

jquery UI datepicker 中 设置了 showButtonPanel: true时,会显示Today  ,和Done 两个按钮。

但是那个Done 按钮实在不想要,就是个关闭日历pop的作用。

于是,就把Done给改了。

首先,设置 showButtonPanel: true,接着closeText: 'Clear'。

然后

onClose: function () {
if ($(event.srcElement).filter(".ui-datepicker-close").length > 0) {  //.ui-datepicker-close 只有Done的那个按钮有此类。当点击日期后自动关闭时,是不会有此类的。
$(this).val("");
}
},

 

这样,一个clear功能实现了。

 

 

 

转载于:https://www.cnblogs.com/liufei369/archive/2013/04/15/3022718.html

 类似资料: