отключение / ограничение даты LeaveOn на основе даты JoinOn с помощью jQuery

Question

Мне нужно ограничить / отключить пользователя от выбора LeaveOn даты на основе ввода его JoinOn даты.Пример: если пользователь выбирает 13/10 / 2018 в дату JoinOn , пользователь не сможет выбрать дату LeaveOn в качестве даты ниже 13/10/2018 т.е. дата не может быть 10/10/2018 .

Ниже приведен мой код для того же:

<script>
$(document).ready(function () {
    $('#IsPresent').change(function () {
        if ($(this).is(':checked')) {
            $('#PresentPanel').hide();
            $('#LeaveOn').val("@(DateTime.Today.ToString("MM/dd/yyyy"))");
        }
        else {
            $('#PresentPanel').show();
        }
    });
        $('#JoinOn').datetimepicker(
                      {
                          datepicker: true,
                          timepicker: false,
                          format: 'm/d/Y',
                          step: 30,
                          minDate: new Date(1965, 1 - 1, 1),
                          maxDate: new Date()
                      });
        $('#LeaveOn').datetimepicker(
                      {
                          datepicker: true,
                          timepicker: false,
                          format: 'm/d/Y',
                          step: 30,

                          maxDate: new Date()
                      });
    });

Answer 1

попробуйте

$(function(e) {
    $('#JoinOn').datetimepicker({
        datepicker: true,
        timepicker: false,
        format: 'd/m/Y',
        maxDate: 0,
        onSelectDate: function(ct, $i) {
            $('#LeaveOn').datetimepicker('setOptions', {
                minDate: ct
            });
        }
    });
    $('#LeaveOn').datetimepicker({
        datepicker: true,
        timepicker: false,
        format: 'd/m/Y',
        maxDate: 0
    });
});

ДЕМО ЗДЕСЬ

Надеюсь, это поможет

Answer 2

Предположим, у вас есть обработчик даты, выбранный обработчик даты, и вы можете просто добавить следующий код

var LeaveOnSelectedDate = $('#LeaveOn').datepicker('getDate');
var JoinOnDate = $('#JoinOn').datepicker('getDate');
  JoinOnDate.setHours(0,0,0,0);
  LeaveOnSelectedDate.setHours(0,0,0,0);
  if (LeaveOnSelectedDate <= JoinOnDate) {
    console.log("Date is old or same day!");
  } else {
    console.log("Date is in future!");
  }