1.扩展(在options中定义日期格式)
$.extend($.fn.datagrid.defaults.editors, {
myDate97: {
init: function (container, options) {
options = options || { dateFmt: "yyyy-MM-dd HH:mm:ss" };
var input = $('<input class="Wdate datagrid-editable-input" onclick="WdatePicker({dateFmt:\'' + options.dateFmt + '\',readOnly:true});" />').appendTo(container);
return input;
},
getValue: function (target) {
return $(target).val();
},
setValue: function (target, value) {
$(target).val(value);
},
resize: function (target, width) {
var input = $(target);
if ($.boxModel == true) {
input.width(width - (input.outerWidth() - input.width()));
} else {
input.width(width);
}
}
}
});
2.调用
$("#dd").datagrid({
searchbar:
{ forms: [
{
type: "text",
name: "ShiJianDuanMingCheng",
id: "ShiJianDuanMingCheng",
label: "时间段名称"
},
{
type: "myDate97",
name: "KaiShiShiJian",
id: "KaiShiShiJian",
label: "开始时间",
options: { dateFmt: "HH" }
},
{
type: "myDate97",
name: "JieShuShiJIan",
id: "JieShuShiJian",
label: "结束时间"
,options: { dateFmt: "HH" }
}
]
}
});
PS: 看到extend中的扩展复制了三份,my97,my98,my99,只是因为时间格式不同,本人对jquery了解也不深入;只是拿options来试下,一切和预想的一样。