EasyUI datagrid datetimebox扩展

来源：互联网发布：长春长影制片厂美工编辑：程序博客网时间：2024/06/10 15:19

继承 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:'确定'
}
}
},

0 0