【问题标题】:YADCF : range_date filter doesn't work with specific date formatYADCF:range_date 过滤器不适用于特定日期格式
【发布时间】:2018-12-05 11:03:48
【问题描述】:

我无法使 yadcf 的 range_date 过滤器工作。 我将它与 datatables.net 一起使用。而且我不知道我是否遗漏了什么或者它是否是一个错误。

我将这种日期格式用于传递给数据表的原始数据:YYYY-MM-DDTHH:mm

我正在使用这种格式在日期时间选择器中显示日期:DD/MM/YYYY

我查看了 yadcf 插件的内部以了解它的作用,它似乎从传递给数据表的原始值中获取行日期(在我的例子中是这种格式:'YYYY-MM-DDTHH:mm' ) 并以moment_date_format 中提供的格式阅读。然后它将这个日期与范围过滤器中的日期进行比较,这些日期的格式如下:'DD/MM/YYYY',但 yadcf 仍然使用moment_date_format 中提供的格式读取它。

我做了一个显示问题的小提琴: http://jsfiddle.net/vatvat99/go5mxw0d/32/

var data = [
  {date: '2018-12-05T00:00'},
  {date: '2018-12-04T00:00'},
  {date: '2018-12-03T00:00'},
  {date: '2018-12-02T00:00'},
  {date: '2018-12-01T00:00'},
];

$(document).ready(function () {
  $('#example').dataTable({
    data: data,                    
    columnDefs: [{
      defaultContent: "-",
      targets: "_all"
    }],
    columns: [
      {
        name: 'date',
        data: 'date',
      }
    ],
  }).yadcf([
    { 
      column_number: 0, 
      filter_container_id: 'dateContainer',
      filter_type: 'range_date', 
      datepicker_type: 'bootstrap-datetimepicker',
      moment_date_format: 'YYYY-MM-DDTHH:mm',
      filter_plugin_options: {
        format: 'DD/MM/YYYY',
        showClear: true,
      }
    },
  ]);
});

感谢您的帮助。

【问题讨论】:

    标签: datatables eonasdan-datetimepicker yadcf


    【解决方案1】:

    现在您可以通过为 moment_date_formatfilter_plugin_options: { format: 'YYYY-MM-DDTHH:mm', 设置相同的日期格式来解决它,这是因为即使 filter_plugin_options.format 用于稍后在过滤逻辑 addRangeDateFilterCapability 中输出日期选择器日期选择moment_date_format 用于解析它(您可以称其为错误),因此现在使用相同的格式,此外您可以使用 yadcf repo 上附加的 jsfiddle 链接打开问题。

    .yadcf([ { column_number: 0, filter_container_id: 'dateContainer', filter_type: 'range_date', datepicker_type: 'bootstrap-datetimepicker', moment_date_format: 'YYYY-MM-DDTHH:mm', filter_plugin_options: { format: 'YYYY-MM-DDTHH:mm', showClear: true, } },

    See working jsfiddle

    【讨论】:

    猜你喜欢
    • 2016-05-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-11-01
    • 1970-01-01
    • 2015-01-01
    相关资源
    最近更新 更多