自动使用jQuery在文本框中一个月之前填写当前日期和日期,然后过滤



我的问题是在page load 时自动填写这两个日期,然后根据使用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  );
        }
    });
  });

任何帮助都将受到赞赏!

我假设您想要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');;
});

最新更新