Question

我在此处使用datetimepicker（https://xdsoft.net/jqplugins/datetimepicker/）我正在尝试预订，如果要选择的第一个日期时间是9月20日12点，我想在第二个输入中我只能选择先前选择的日期和先前选择的小时以上

卑鄙的帮助可以吗？先谢谢了！

（变量“ nextDayReservation”是从数据库回显的日期，不必担心）

$("#datetimeFrom").datetimepicker({

            minDate:nextDayReservation, 
            maxDate: '+1970/02/01',
            format:'d/m/Y H:i', // d/m/Y H:i
            minTime: '09:00',
            maxTime: '22:00'

  });



$("#datetimeTo").datetimepicker({

            minDate:reservationDate,
            format:'d/m/Y H:i',
            maxDate: '+1970/02/01',
            minTime:'09:00',
            maxTime:'22:00'
  });

Answer 1

以下作品的日期：

$("#datetimeFrom").datetimepicker({
  format: 'Y/m/d H:i',
  onShow: function(ct) {
    this.setOptions({
      maxDate: jQuery('#datetimeTo').val() ? jQuery('#datetimeTo').val() : false,
    })
  }
});

$("#datetimeTo").datetimepicker({
  format: 'Y/m/d H:i',
  onShow: function(ct) {
    this.setOptions({
      minDate: jQuery('#datetimeFrom').val() ? jQuery('#datetimeFrom').val() : false,
    })
  }
});

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.full.js"></script>

<input id="datetimeFrom" type="text">
<input id="datetimeTo" type="text">

如何禁用先前为预订选择的日期？

1 个答案: