easyui Datebox日期框组件的使用

html页面代码

<!-- 其中formatter:ww4指定自定义日期格式,parser:w4指定自定义解析方式-->
<input class="easyui-datebox" data-options="formatter:ww4,parser:w4,label:'Start Date:',labelPosition:'top',sharedCalendar:'#cc'" style="width:100%;height:35px;width:200px;" id="edtCustomerStartdate">

<div id="cc" class="easyui-calendar"></div>

获取组件框的值

var value = $("#edtCustomerStartdate").datebox("getValue");    // 得到 datebox值

设置组件框的值

$("#edtCustomerStartdate").datebox("setValue", "2017-08-02");    // 设置datebox 值

自定义日期格式

//格式化日期
function ww4(date){  
    var y = date.getFullYear();  
    var m = date.getMonth()+1;  
    var d = date.getDate()
    return  y+'-'+m+'-'+d;
}

//格式化日期
function ww4(date){  
   var y = date.getFullYear();
   var m = date.getMonth()+1;
   var d = date.getDate();
   var h = date.getHours();
   var M = date.getMinutes();
   var s = date.getSeconds();
   function formatNumber(value){
       return (value < 10 ? '0' : '') + value;
   }
   alert(formatNumber(h));
   return y+'-'+m+'-'+d+' '+ formatNumber(h)+':'+formatNumber(M)+':'+formatNumber(s);
}

解析字符串

//解析字符串
function w4(s){  
    var t = Date.parse(s);
    if (!isNaN(t)){
        return new Date(t);
    } else {
        return new Date();
    }
}