Jquery UI Datepicker clear按钮功能

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