时间戳

首页 > 解决方案 > 如何禁用之前为预订选择的日期？

javascript - 如何禁用之前为预订选择的日期？

问题描述

我在这里使用 datetimepicker ( https://xdsoft.net/jqplugins/datetimepicker/ ) 我正在尝试预订，如果选择的第一个日期时间是 9 月 20 日 12 点，我希望在第二个输入中，我只能选择之前选择的日期和之前选择的时间

请问sombedy可以帮忙吗？非常感谢！

（变量“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'
  });

标签： javascriptdatetimepicker

解决方案

以下作品的日期：

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

推荐阅读