$.extend($.fn.datagrid.defaults.filters, {
dateRange: {
init: function(container, options){
var c = $(‘<div style="display:inline-block"><input class="d1"><input class="d2"></div>‘).appendTo(container);
c.find(‘.d1,.d2‘).datebox();
return c;
},
destroy: function(target){
$(target).find(‘.d1,.d2‘).datebox(‘destroy‘);
},
getValue: function(target){
var d1 = $(target).find(‘.d1‘);
var d2 = $(target).find(‘.d2‘);
return d1.datebox(‘getValue‘) + ‘:‘+d2.datebox(‘getValue‘);
},
setValue: function(target, value){
var d1 = $(target).find(‘.d1‘);
var d2 = $(target).find(‘.d2‘);
var vv = value.split(‘:‘);
d1.datebox(‘setValue‘, vv[0]);
d2.datebox(‘setValue‘, vv[1]);
},
resize: function(target, width){
$(target)._outerWidth(width)._outerHeight(22);
$(target).find(‘.d1,.d2‘).datebox(‘resize‘, width/2);
}
}
});

调用方法：

$(‘#dg‘).datagrid().datagrid(‘enableFilter‘, [{
         field:‘date‘,
        type:‘dateRange‘,
        options:[...]}]);

easyui filter 过滤时间段