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

Question

I have two datepicker in my page to seletect From and To dates. From datepicker's end date is set to today and To datepicker's end date is set to today . Also i need to set startdate for To datepicker to selected date from From datepicker. Please help me.

here is my code

<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;?>">  

Script:

$('#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

This is the HTML:

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

and this is the 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);
            }
        }
    });
});