在 jquery 1.6.3 中使用日期选择器获取日期范围

Question

我正在尝试在 jsp 页面中添加 jquery 日期选择器以获取日期范围作为输入。以下是我目前的代码。

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

当我使用它时，我在 onclose 方法中得到了一个未定义的值，所以一旦我打开日期选择器然后关闭它，我就不再加载压延机了。我正在使用 jquery 1.6.3，是否可以让它工作，我该怎么做？

Answer 1

此代码在我的 jsp 页面中成功运行。希望这对你也有用。

$(function() {
    $( "#from, #to" ).datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 3,
        onSelect: function( selectedDate ) {
            if(this.id == 'from'){
              var dateMin = $('#from').datepicker("getDate");
              var rMin = new Date(dateMin.getFullYear(), dateMin.getMonth(),dateMin.getDate() + 1); 
              var rMax = new Date(dateMin.getFullYear(), dateMin.getMonth(),dateMin.getDate() + 61); 
              $('#from').datepicker("option","minDate",rMin);                  $('#to').datepicker("option","maxDate",rMax);                    
            }

        }
    });
});

Answer 2

以下代码解决了这个问题。

<script>
    $(function () {
        $("#createdAtFrom").datepicker({
            defaultDate: "+1w",
            changeMonth: true,
            numberOfMonths: 1,
            onClose: function (selectedDate) {
                $("#createdAtTo").datepicker({minDate:
                        new Date($('#createdAtFrom').datepicker("getDate"))});
            }
        });
        $("#createdAtTo").datepicker({
            defaultDate: "+1w",
            changeMonth: true,
            numberOfMonths: 1,
            onClose: function (selectedDate) {
                $("#createdAtFrom").datepicker({maxDate: new
                        Date($('#createdAtTo').datepicker("getDate"))});
            }
        });
    });
</script>

来源：- http://cdwijayarathna.blogspot.com/2015/10/adding-jquery-datepicker-to-select-date.html

在 jquery 1.6.3 中使用日期选择器获取日期范围

Use datepicker to get date range in jquery 1.6.3

javascript

jquery

jsp

date

datepicker