做项目中要在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功能实现了。