ToDate 不应小于 FromDate

Question

我有两个日期选择器，一个用于 Fromdate，第二个用于 Todate。我希望 ToDate 不应该小于 Fromdate。我试图解决这个问题，但我无法正确解决这个问题。

$(document).on('focus', '.datepicker', function() {
            // alert();
            $(this).datepicker({
                 format: "mm/dd/yyyy",
				//startDate: '-90d',
				//endDate: '+0d',
                autoclose: true

            });
			
			$(".datepickerInputTO").change(function () {
    var fromDate = $(".datepickerInputFROM").val;
    var toDate = $(".datepickerInputTO").val;
 
    if (toDate <= fromDate) {
        alert("End date should be greater than Start date");
        $(".datepickerInputTO").val = "";
    }
});
        });

<script src="https://code.jquery.com/jquery-1.12.4.min.js"
  integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="
  crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.css"></script>

<div class="col-md-3">
						<input type="text" placeholder="Select from Date" class="form-control form-control-inline input-medium datepicker datepickerInputFROM">
						</div>
						<div class="col-md-3">
						<input type="text" placeholder="Select to Date" class="form-control form-control-inline input-medium datepicker datepickerInputTO">
						</div>

Answer 1

您可以这样做changeDate，如果fromdate 更改为更大的日期值，您可以在这里更改todate：

 $(document).ready(function () {
    $(".datepickerInputFROM").datepicker({
        format: 'dd/mm/yyyy',
        autoclose: 1,
        //startDate: new Date(),
        todayHighlight: false,
        endDate: new Date()
    }).on('changeDate', function (selected) {
        var minDate = new Date(selected.date.valueOf());
        $('.datepickerInputTO').datepicker('setStartDate', minDate);
        $(".datepickerInputTO").val($(".datepickerInputFROM").val());
        $(this).datepicker('hide');
    });

    $(".datepickerInputTO").datepicker({
        format: 'dd/mm/yyyy',
        todayHighlight: true,
        endDate: new Date()
    }).on('changeDate', function (selected) {
        $(this).datepicker('hide');
    });
});

DEMO HERE