0

我的问题是在页面加载时在文本框中自动填充这两个日期,然后根据日期使用 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  );
        }
    });
  });

任何帮助表示赞赏!

4

1 回答 1

0

我假设您希望按照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');;
});
于 2012-10-24T18:44:05.240 回答