javascript - 如何根据从 -date 到 to-date 生成网格结果？

Question

在我的项目中，我有一个网格和两个日期时间选择器，基于这两个（选择从和到日期），在网格中显示相关的日期行，这里是 jsbin http://jsbin.com/exakic/14/edit

请有人帮帮我

我尝试过的代码是：

      $(function() {
        $.datetimepicker.setDefaults({ dateFormat: "dd/mm/yy" });
      $("#datetimepicker, #datetimepicker1") .kendoDatetimePicker() .on('input keyup         change', filter);
     });

  function filter(){
  $('tr').show();
  var datefields = $('grid');
  datefields.each(function(){
   var evdate = pdate($(this).html());
   var mindate = pdate($('#datetimepicker').val());
   if (mindate)
   if (evdate < mindate)
    $(this).parent().hide();
    var maxdate = pdate($('#datetimepicker1').val());
    if (maxdate)
        if (evdate > maxdate)
            $(this).parent().hide();
  });

}

Answer 1

要过滤范围内的数据，您可以通过添加dataSource.filter到您的filter函数来做到这一点：

var filter = {
    logic  : "and",
    filters: [
        { field: "OrderDate", operator: "ge", value: mindate },
        { field: "OrderDate", operator: "le", value: maxdate }
    ]
};
grid.dataSource.filter(filter);

注意：您可以使用以下方法简化从输入字段读取日期值：

var mindate = $('#datetimepicker').data("kendoDatePicker").value();
var maxdate = $('#datetimepicker1').data("kendoDatePicker").value();