EasyUI datagrid datetimebox扩展

在用EasyUI做东西，有的地方需要日期携带时间的控件。各种蛋疼让我受不了，自己就挠着自己的猴脑，折腾了半天，终于折腾出来了！

继承 EasyUI 进行扩展自定义的格式

/**扩展自定义的日期类***/
$.fn.datebox.defaults.formatter = function(date){
var y = date.getFullYear();
var m = date.getMonth()+1;
var d = date.getDate();
var h = date.getHours() > 9 ? date.getHours() : '0'+date.getHours();
var mm = date.getMinutes() > 9 ? date.getMinutes() : '0'+date.getMinutes();
var s = date.getSeconds() > 9 ? date.getSeconds() : '0'+date.getSeconds();
return y+'-'+m+'-'+d+' '+h+":"+mm+":"+s;
}

//时间格式化
Date.prototype.format = function(format){
  if(!format){
      format = "yyyy-MM-dd hh:mm:ss";
  }


  var o = {
          "M+": this.getMonth() + 1, // month
          "d+": this.getDate(), // day
          "h+": this.getHours(), // hour
          "m+": this.getMinutes(), // minute
          "s+": this.getSeconds(), // second
         "q+": Math.floor((this.getMonth() + 3) / 3), // quarter
         "S": this.getMilliseconds()
          // millisecond
 };
 if (/(y+)/.test(format)) {
      format = format.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
  }


  for (var k in o) {
      if (new RegExp("(" + k + ")").test(format)) { 
          format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" +o[k]).length));
     }
  }
  return format;
};

/***扩展editors的datetimebox方法*****/
$.extend($.fn.datagrid.defaults.editors, {
numberspinner: {
        init: function(container, options){
            var input = $('<input type="text">').appendTo(container);
            return input.numberspinner(options);
        },
        destroy: function(target){
            $(target).numberspinner('destroy');
        },
        getValue: function(target){
            return $(target).numberspinner('getValue');
        },
        setValue: function(target, value){
            $(target).numberspinner('setValue',value);
        },
        resize: function(target, width){
            $(target).numberspinner('resize',width);
        }
    },
datetimebox: {//datetimebox就是你要自定义editor的名称
        init: function(container, options){
            var editor = $('<input />').appendTo(container);
            editor.enableEdit = false;
            editor.datetimebox(options);
            return editor;
        },
        getValue: function(target){
        var new_str = $(target).datetimebox('getValue').replace(/:/g,'-');
        new_str = new_str.replace(/ /g,'-');
        var arr = new_str.split("-");
        var datum = new Date(Date.UTC(arr[0],arr[1]-1,arr[2],arr[3]-8,arr[4],arr[5]));
        var timeStamp = datum.getTime();
       
        return new Date(timeStamp).format("yyyy-MM-dd hh:mm:ss");
            //return timeStamp;
       },
        setValue: function(target, value){
        if(value)
        $(target).datetimebox('setValue',new Date(value).format("yyyy-MM-dd hh:mm:ss"));
        else
        $(target).datetimebox('setValue',new Date().format("yyyy-MM-dd hh:mm:ss"));
        },
        resize: function(target, width){
           $(target).datetimebox('resize',width);        
        },
        destroy: function(target){
        $(target).datetimebox('destroy');
        }
    }
});

具体用法：

{field:'bidDate',title:'报价日期',width:100,align:'center',sortable:true, editor:{
type:'datebox',
options:{
editable:false,
showSeconds: true,
okText:'确定'
}
}
},
{field:'bidDate',title:'报价日期',width:100,align:'center',sortable:true, editor:{
type:'datetimebox',
options:{
editable:false,
showSeconds: true,
okText:'确定'
}
}
},