如何使用 php 设置日期选择器 jquery ui 的值？

Question

感谢您的关注，我在 website.where 上设置了日期范围过滤器提到了两个日期选择器输入，第一个用于开始日期，第二个用于结束 date.i 我正在使用数据-table 对于最小和最大范围 function.Everything 单击时工作正常 event.Now 我想从 php $_GET 和运行 [=32 上的函数设置日期选择器值=] load.my 日期格式为 Fab-02-18 更清楚，这是 jsfiddle 上的正确功能代码。只是我想在 php 表单过滤器中制作。Link

这是输入字段

<label><input type="text" name="min" id="min" class="form-control" placeholder="Start Date" value="Feb-21-18"  ></label>
<label><input type="text" name="max" id="max" class="form-control" placeholder="End Date" value="Jan-02-18" ></label>

这是jquery代码

$(document).ready(function(){
    $.fn.dataTable.ext.search.push(
    function (settings, data, dataIndex) {

    var  min = $('#min').datepicker('setDate', <?php echo $_GET['min']; ?>);
    var  max = $('#max').datepicker('setDate', <?php echo $_GET['max']; ?>);
    alert(min);

        var startDate = new Date(data[10]);
        if (min == null && max == null) { return true; }
        if (min == null && startDate <= max) { return true;}
        if(max == null && startDate >= min) {return true;}
        if (startDate <= max && startDate >= min) { return true; }
        return false;
    }
    );

        $("#min").datepicker({ onSelect: function () { table.draw(); }, changeMonth: true, changeYear: true });
        $("#max").datepicker({ onSelect: function () { table.draw(); }, changeMonth: true, changeYear: true });
        var table = $('#html-table').DataTable();

        // Event listener to the two range filtering inputs to redraw on input
        $('#min, #max').change(function () {
            table.draw();

        });
        });

Answer 1

如果您的 jquery 代码在 .js 文件中，它将无法运行，您需要将 js 嵌入到 .php 文件中。

Answer 2

您可以通过 ajax 调用从 php 获取值，也可以通过在文档中发送它们来获取值，在这两种情况下，您都可以在获取值后将默认值设置为您的日期和 table... 这个 code

    $('#min').datepicker( "setDate" , "Feb-01-18" );
    $('#max').datepicker( "setDate" , "Mar-02-18" );
    table.draw();

如果你在 document.ready 里面设置这个，你在 dom 准备好之后说运行这个，但是你也可以使用 window.onload

window.onload = function() {
   $('#min').datepicker( "setDate" , "Feb-01-18" );
   $('#max').datepicker( "setDate" , "Mar-02-18" );
   table.draw();
};

这将运行在你的所有元素、图像都设置好后..

如何使用 php 设置日期选择器 jquery ui 的值？

How to set value to datepicker jquery ui with php?

javascript

datatable

jquery

jquery-ui-datepicker