从另一个设置引导日期时间选择器的 minDate

Set minDate for Bootstrap DateTimePicker from another

本文关键字：时间 选择器 minDate 日期 另一个 设置      更新时间：2023-09-26

目前，我正在使用此来源的Bootstrap 3 Datepicker

我的系统上有 2 个datetimepicker。（startTime，endTime）。

我试过了，但不知道如何在值更改时从startTime值startTime endTime设置minDate。即使它不会跳change事件。

请指出我错过了什么。

这是我的代码

非常感谢。

你需要使用 change 事件和 minDate（） 函数，例如

$('#txtStartTime').datetimepicker({
  showTodayButton: true,
  format: 'MM/DD/YYYY HH:mm',
  sideBySide: true,
  maxDate: moment()
}).on('dp.change', function(e) {
  $('#txtEndTime').data("DateTimePicker").minDate(e.date)
});
$('#txtEndTime').datetimepicker({
  showTodayButton: true,
  format: 'MM/DD/YYYY HH:mm',
  sideBySide: true
});
<script type="text/javascript" src="//code.jquery.com/jquery-1.10.1.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/js/bootstrap.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.2/moment.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>
<div class="row">.</div>
<div class="col-md-3">
  <input class="form-control datetimepicker" id="txtStartTime" type='text' />
</div>
<div class="col-md-3">
  <input class="form-control datetimepicker" id="txtEndTime" type='text' />
</div>

相关文章：