将 YADCF 与 JQuery UI 和 "changeMonth: true, changeYear: true" 结合使用

Question

请提供一点帮助。

将 YADCF 与 JQuery UI 一起使用，并尝试包含函数：changeMonth: true, changeYear: true

在 JQueryUI 的示例中，他们使用的是：

$( "#yourID" ).datepicker({
      changeMonth: true,
      changeYear: true,

对于 YADCF，我不确定如何添加它。这就是我的代码现在的样子：

.yadcf([
                    {column_number: 0, filter_type: "range_date", 
                    datepicker_type: 'jquery-ui', 
                    changeMonth: true,
      changeYear: true,
     filter_container_id: "external_filter_container"}

我也试过将 "changeMonth: true, changeYear: true," 插入

var datepickerDefaults = {

并使用

单独定位 YADCF id

 $( "#YADCFID" ).datepicker({
          changeMonth: true,
          changeYear: true,

到目前为止没有运气，有什么建议吗？

更新：尽管表单有效，但排序无效。

当前脚本：

    var oTable;     
        $(document).ready(function () {
            'use strict';           
            $('#example').dataTable({
            "columnDefs": [{ "orderable": false, "targets": 0 }],
            "order": [],
              dom: '<"pos1"B><"pos2"li><"pos3"f>tp',
              buttons: ['copy', 'csv', 'excel', 'pdf', 'print']
          }).yadcf([
                {column_number: 0, filter_type: "range_date",             
 filter_container_id: "external_filter_container",
    filter_plugin_options: {
        changeMonth: true,
        changeYear: true,
        dateFormat: "dd/mm/yy"
    }
    }
            ]);
        SyntaxHighlighter.all();
    });

和 html:

  <tr>
      <td>21/06/2017</td>     
  </tr>
<tr class="t-two">
    <td>21/06/2017</td> 
</tr>

搜索结果 returns 错误的月份，即 02/02/2017，而我 select 范围是 01/06/2017 - 02/06/2017

Answer 1

你应该为此使用 filter_plugin_options 属性

像这样：

.yadcf([
    {
        column_number: 0,
        filter_type: "range_date", 
        //datepicker_type: 'jquery-ui', this one is redundant because its the default value anyway
        filter_container_id: "external_filter_container",
        filter_plugin_options: {
            changeMonth: true,
            changeYear: true
        }
    }
])

将 YADCF 与 JQuery UI 和 "changeMonth: true, changeYear: true" 结合使用

Using YADCF with JQuery UI with "changeMonth: true, changeYear: true"

datatable

jquery-ui

yadcf