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'
                 }

         ]);

效果截图：