Question

我的问题是在文本框页面加载时自动填充这两个日期，然后根据日期使用datepicker过滤它们

我现在的代码

                  <td >

                    <label for="from">Start date:</label>

                    <input type="text" id="from" />

                    <label for="to">End date:</label>

                    <input type="text" id="to" />


                </td>

和脚本

 $(function() {
    $( "#from" ).datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 1,
        onSelect: function( selectedDate ) {
            $( "#to" ).datepicker( "option", "minDate", selectedDate );
        }
    });
    $( "#to" ).datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 1,
        onSelect: function( selectedDate ) {
            $( "#from" ).datepicker( "option", "maxDate", selectedDate  );
        }
    });
  });

任何帮助表示赞赏!!

Answer 1

我假设您希望设置最小/最大日期，如onSelect处理程序所示，所以：

编辑：添加了预填充日期的代码。

EDIT2：再次针对问题中没有说明的不同要求。

$(function() {
    $("#from").datepicker({
        defaultDate: "-3w",
        maxDate: "+1w",
        changeMonth: true,
        numberOfMonths: 1,
        onSelect: function(selectedDate) {
            $("#to").datepicker("option", "minDate", selectedDate);
        }
    }).datepicker('setDate', '-3w');
    $("#to").datepicker({
        defaultDate: "+1w",
        minDate: "-3w",
        changeMonth: true,
        numberOfMonths: 1,
        onSelect: function(selectedDate) {
            $("#from").datepicker("option", "maxDate", selectedDate);
        }
    }).datepicker('setDate', '+1w');;
});

使用Jquery自动填充文本框中一个月之前的当前日期和日期，然后过滤

1 个答案: