如何使用带有2个日期选择器的搜索日期范围与datatable一起使用yadcf

Question

我使用datatable，我想在date之间进行搜索，我有一个data ex。我的html中的2018-2-3至2019-3-4

<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中，我将datatable与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'
}