javascript - 如何使用带有 2 个日期选择器的搜索日期范围的数据表使用 yadcf

Question

我使用数据表，我想在我有数据前的日期之间进行搜索。 2018年2月3日至2019年3月4日在我的 html 中

<div id="startfrom">
    <label for="from">From</label>
    <input type="text" id="from" name="From">
</div>
<div id="endto">
    <label for="to">to</label>
    <input type="text" id="to" name="To">
</div>

在我的js中，我使用带有yadcf的数据表

<script> 
    var table = $("#myTable").DataTable();
    yadcf.init(table , [{
        column_number: 9,
        filter_type: "date",
        datepicker_type: "bootstrap-datetimepicker",
        date_format: "yyyy/mm/dd"
    }]);
 </script>

Answer 1

您可以简单地使用 range_date 过滤器

在您的 HTML 中，将其放入

 <div >
   <label>Date Range</label><br>
   <span id="dateFilter"></span>
 </div>

在你的 JS 中，输入这个

{
  column_number: 9,
  filter_container_id: 'dateFilter',
  filter_type: 'range_date'
}