JQuery中datebox和datetimebox的使用

JQuery中基本时间控件datebox和datetimebox的使用方法，在一下面以代码来说明：

1、datebox控件

jsp中的代码：

<input id="start" type="text" class="easyui-datebox"></input>

js中的代码：

 $('#start').datebox({
     required:false,
     formatter : function(date){
      var y = date.getFullYear();
      var m = date.getMonth()+1;
      var d = date.getDate();
      return y+'-'+m+'-'+d;
     },
  parser : function(s){
   var t = Date.parse(s);
   if (!isNaN(t)){
    return new Date(t);
   } else {
    return new Date();
   }
  }
 });

 

2、datetimebox控件

jsp中的代码：

<input id="start" type="text" class="easyui-datetimebox" style="width:135px"></input>

js中的代码：

   $('#end').datetimebox({
       required:false,
       showSeconds: false,
       formatter : function(date){
        var y = date.getFullYear();
        var m = date.getMonth()+1;
        var d = date.getDate();
        var h = date.getHours();
        var mn = date.getMinutes();
        var s = date.getSeconds();
        return y+'-'+m+'-'+d+' '+h+':'+mn+':'+s;
       },
    parser : function(s){
     var t = Date.parse(s);
     if (!isNaN(t)){
      return new Date(t);
     } else {
      return new Date();
     }
    }
   });