<h1 class="YaHei">给easyui dateBox扩展一个清空的实例
步骤一：拓展插件
Box.defaults.cleanText = '清空'(<span style="color: #0000ff;">function<span style="color: #000000;"> ($) {
<span style="color: #0000ff;">var buttons =<span style="color: #000000;"> $.extend([],$.fn.dateBox.defaults.buttons);
buttons.splice(1,0<span style="color: #000000;">,{
text: <span style="color: #0000ff;">function<span style="color: #000000;"> (target) {
<span style="color: #0000ff;">return $(target).dateBox("options"<span style="color: #000000;">).cleanText
},handler: <span style="color: #0000ff;">function<span style="color: #000000;"> (target) {
$(target).dateBox("setValue",""<span style="color: #000000;">);
$(target).dateBox("hidePanel"<span style="color: #000000;">);
}
});
$.extend($.fn.dateBox.defaults,{
buttons: buttons
});
<span style="color: #0000ff;">var buttons =<span style="color: #000000;"> $.extend([],$.fn.dateBox.defaults.buttons);
buttons.splice(1,0<span style="color: #000000;">,{
text: <span style="color: #0000ff;">function<span style="color: #000000;"> (target) {
<span style="color: #0000ff;">return $(target).dateBox("options"<span style="color: #000000;">).cleanText
},handler: <span style="color: #0000ff;">function<span style="color: #000000;"> (target) {
$(target).dateBox("setValue",""<span style="color: #000000;">);
$(target).dateBox("hidePanel"<span style="color: #000000;">);
}
});
$.extend($.fn.dateBox.defaults,{
buttons: buttons
});
})(jQuery);
步骤二：如果需要将清空按钮汉化，在easyui-lang-zh_CN.js中添加如下代码
Box){
$.fn.dateBox.defaults.currentText = '今天'Box.defaults.closeText = '关闭'Box.defaults.cleanText
$.fn.dateBox.defaults.okText = '确定'Box.defaults.missingMessage = '该输入项为必输项';
通过以上两个步骤，就可以给easyui dateBox时间框控件扩展一个清空按钮了~~~
现在我们来看看做出来的效果图：
原文链接：https://www.f2er.com/jquery/403441.html
