easyui datebox添加清空按钮

　转载至：https://blog.csdn.net/qingmengwuhen1/article/details/70665995

增加清除按钮具体内容如下：

　　<script>
　　　　var buttons = $.extend([], $.fn.datebox.defaults.buttons);
　　　　buttons.splice(1, 0, { text: 'clear',
　　　　handler: function (target) {
　　　　$(target).datebox('setValue', '').datebox('hidePanel');
　　　　} });
</script>

注意：这里为什么要写出来，因为这里的$一定要在引入js后使用否则页面会报错，并且尽量让按钮在这个页面js文件渲染之前添加

 

<span style="padding: 10px">
    XXX:  <input id="id" class="easyui-datebox" data-options="formatter:myformatter,parser:myparser,editable:false,buttons:buttons" style="width: 150px" >
</span>
日期格式化：

<script type="text/javascript">
    function myformatter(date){
        var y = date.getFullYear();
        var m = date.getMonth()+1;
        var d = date.getDate();
        return y+'-'+(m<10?('0'+m):m)+'-'+(d<10?('0'+d):d);
    }
    function myparser(s){
        if (!s) return new Date();
        var ss = (s.split('-'));
        var y = parseInt(ss[0],10);
        var m = parseInt(ss[1],10);
        var d = parseInt(ss[2],10);
        if (!isNaN(y) && !isNaN(m) && !isNaN(d)){
            return new Date(y,m-1,d);
        } else {
            return new Date();
        }
    }
</script>