美文网首页
EasyUI的datebox控件增加清空按钮

EasyUI的datebox控件增加清空按钮

作者: 蘑菇均 | 来源:发表于2018-11-07 22:06 被阅读0次

    html代码

    <div style="width: 282px;">
        <label>固定时间1:</label>
         <div  style="width:170px;">
            <input id="FixBusiData1" class="webui-datebox "  style="width:170px;">
        </div>
    </div>
    

    js代码

    第一步:

    var buttons = $.extend([], $.fn.datebox.defaults.buttons);
        buttons.splice(1, 0, {
            text: '清除',
            handler: function(target){
                        //清除日期信息
                $(target).datebox("setValue","");
                //关闭日期选择框
                 $(target).datebox('hidePanel');
            }
        });
    

    第二步:

    $('#FixBusiData1').datebox({
        editable:false,
        buttons: buttons,//增加清除按钮
        onSelect:function(date){
        //TODO:
        }
    

    相关文章

      网友评论

          本文标题:EasyUI的datebox控件增加清空按钮

          本文链接:https://www.haomeiwen.com/subject/bzvbxqtx.html