Question

我的页面中有两个日期选择器，用于选择从和到日期。从开始，datepicker的结束日期设置为今天，要，datepicker的结束日期设置为今天。另外，我需要将到 datepicker的startdate设置为从 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);
            }
        }
    });
});

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

1 个答案: