将一个日期选择器的 startDate 设置为另一个日期选择器的选定日期

Question

我的页面中有两个日期选择器来选择 From 和 To 日期。 From datepicker 的结束日期设置为 today，To datepicker 的结束日期设置为 today。我还需要将 To datepicker 的 startdate 设置为从 From datepicker 中选择的日期。请帮帮我。

这是我的代码

<input type="text" placeholder="From" id="reportFrom" name="reportFrom" value="<?php echo $reportFrom?>">
<input type="text" placeholder="To" id="reportTo" name="reportTo" value="<?php echo $reportTo;?>">  

脚本：

$('#reportFrom').datepicker({
        autoHide: true,
        autoclose: true,
        endDate: new Date(),
        onSelect: function(dateStr) 
        {         
            $("#reportTo").val(dateStr);
            $("#reportTo").datepicker("option",{ startDate: new Date(dateStr)});
        }
    });
    $('#reportTo').datepicker({
        autoHide: true,
        autoclose: true,
        //startDate : $('#reportFrom').val(),
        endDate: new Date()
    });

Answer 1

这是 HTML：

<input type="text" id="dateFrom" /> 
<input type="text" id="dateTo" />

这是 jquery：

$(document).ready(function () {

    $("#dateFrom").datepicker({
        dateFormat: "dd-M-yy",
        minDate: 0,
        onSelect: function (date) {
            var date2 = $('#dateFrom').datepicker('getDate');
            date2.setDate(date2.getDate());
            $('#dateTo').datepicker('setDate', date2);
            //sets minDate to dt1 date
            $('#dateTo').datepicker('option', 'minDate', date2);
        }
    });
    $('#dateTo').datepicker({
        dateFormat: "dd-M-yy",
        onClose: function () {
            var dt1 = $('#dateFrom').datepicker('getDate');
            console.log(dt1);
            var dt2 = $('#dateTo').datepicker('getDate');
            if (dt2 == dt1) {
                var minDate = $('#dateTo').datepicker('option', 'minDate');
                $('#dateTo').datepicker('setDate', minDate);
            }
        }
    });
});