具有数据表的日期范围选择器,过滤日期列

时间:2012-03-19 10:32:15

标签: jquery jquery-plugins datatables daterangepicker

我正在使用followinng链接中的daterangepicker插件: http://www.filamentgroup.com/lab/date_range_picker_using_jquery_ui_16_and_jquery_ui_css_framework/

它本身工作正常,但我希望将其合并到datatables插件中,以便按单个日期或范围过滤记录。

我在数据表中有一个日期列,与daterangepicker位于相同的日期格式中(每个记录只有一个日期)。

有没有人想要整合这个?任何帮助/建议都会很棒,提前谢谢。

1 个答案:

答案 0 :(得分:5)

只需answered此问题的其他版本。总结一下:

  1. 创建datepicker输入。
  2. filters API page
  3. 复制日期范围过滤器扩展程序
  4. 根据扩展程序代码中的内容为您的日期选择器输入提供相应的ID(或更改扩展代码以匹配您的日期选择器输入ID):finiffin是扩展程序使用的内容。
  5. 在扩展程序代码中,使用iStartDateColiEndDateCol指定您用于过滤的从零开始的日期列。
  6. 将表重绘绑定到某个事件(重绘:oTable.fnDraw();)。他们在API页面上提供的示例是输入框的键盘事件,但它可以是一个按钮。
  7. 现在,只要事件发生,表格就会重新绘制,并考虑到所选列上的指定日期范围过滤。