使用datepicker获取jquery 1.6.3中的日期范围

Question

我试图在jsp页面中添加一个jquery datepicker，以获取日期范围作为输入。 以下是我目前拥有的代码。

$(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方法中将获得未定义的值，因此一旦打开日期选择器然后将其关闭，就不再需要加载calander了。 我正在使用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