引导程序日期时间选择器来自另一个日期时间选择器

bootstrap datetimepicker dated from another datetimepicker

本文关键字：时间 选择器 日期 另一个 引导程序      更新时间：2023-09-26

我有两个引导日期时间选择器，但我想将开始日期设置在我为第一个选择的日期的第二个，有人能帮我吗？

$('#start_order_date').datetimepicker({
  minView: 2,
  maxView: 2,
  autoclose: true,
  todayBtn: true,
  language: 'pt-BR',
  startDate: new Date()
});   

$('#end_order_date').datetimepicker({
  minView: 2,
  maxView: 2,
  autoclose: true,
  todayBtn: true,
  language: 'pt-BR',
  startDate: new Date()
});

您可以根据Bootstrap Datepicker的文档将多个picker链接在一起。以下是基于他们的例子：

$('#datetimepicker1').datetimepicker(); // Initialize first datepicker
$('#datetimepicker2').datetimepicker(); // Initialize second datepicker
// Listen to date selection event on first datepicker
$('#datetimepicker1').on('dp.change',function (e) {
    $('#datetimepicker2').data('DateTimePicker').minDate(e.date);
});
// Listen to date selection event on second datepicker
$('#datetimepicker2').on('dp.change',function (e) {
    $('#datetimepicker1').data('DateTimePicker').maxDate(e.date);
});
相关文章：