EasyUI datagrid 过滤时间段

//dateTimeRange过滤扩展
$.extend($.fn.datagrid.defaults.filters, {
    dateRange: {
        /*onInit: function(target){
            var name = getPluginName(target);
            alert('ss');
            $(target).find('.d1,.d2').datebox.unbind('change').bind('change', function(e){
                $(target)[name]('removeFilterRule', field);
                $(target)[name]('doFilter');
            });
        },*/
         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();
             c.find('.d1,.d2').datebox().unbind('change');
             c.find('.d1').datebox({
                 onSelect:function(date){
                         var d1 = c.find('.d1');
                         var d2 = c.find('.d2');
                         
                         
                         var valueFrom = d1.datebox('getValue');
                         var valueTo = d2.datebox('getValue');
                         if($.trim(valueFrom)!=''){
                             valueFrom = valueFrom+" 00:00:00";
                             $('#dataGrid').datagrid('addFilterRule', {
                                field: 'lastSendTimeFrom',
                                op: 'greaterorequal',
                                value: valueFrom 
                                });
                         }
                        
                         if($.trim(valueTo)!=''){
                             valueTo = valueTo+" 23:59:59";
                             $('#dataGrid').datagrid('addFilterRule', {
                                field: 'lastSendTimeTo',
                                op: 'lessorequal',
                                value: valueTo 
                                });
                         }
                        
                        $('#dataGrid').datagrid('doFilter');

                         d1.datebox('setText',date.getFullYear()+'-'+ (date.getMonth()+1) +'-'+date.getDate());
                         d1.datebox('hidePanel');
                } 
             });
             
             c.find('.d2').datebox({
                 onSelect:function(date){
                         var d1 = c.find('.d1');
                         var d2 = c.find('.d2');
                         
                         
                         var valueFrom = d1.datebox('getValue');
                         var valueTo = d2.datebox('getValue');
                         if($.trim(valueFrom)!=''){
                             valueFrom = valueFrom+" 00:00:00";
                             $('#dataGrid').datagrid('addFilterRule', {
                                field: 'lastSendTimeFrom',
                                op: 'equal',
                                value: valueFrom 
                                });
                         }
                        
                         if($.trim(valueTo)!=''){
                             valueTo = valueTo+" 23:59:59";
                             $('#dataGrid').datagrid('addFilterRule', {
                                field: 'lastSendTimeTo',
                                op: 'equal',
                                value: valueTo 
                                });
                         }
                        
                        
                        $('#dataGrid').datagrid('doFilter');

                         d2.datebox('setText',date.getFullYear()+'-'+ (date.getMonth()+1) +'-'+date.getDate());
                         d2.datebox('hidePanel');
                } 
             });
             
             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);
         }
     }
 });

使用：

$('#dataGrid').datagrid('enableFilter' , [{
                    field:'lastSendTime',
                    type:'dateRange'
                }
                
        ]);

效果截图：