Question

我使用的是Bootstrap DateTimePicker插件，并在页面中添加了2个DateTimePickers。

我想根据第一个选择器的选择为第二个选择器添加一个半小时。在查看文档页面上的示例时，我开始使用他们的“链接选择器”代码并尝试修改。我可以轻松地将第二个选择器的minDate设置为第一个选择器的选择，但我不确定如何将时间“添加”到第二个选择器并使其成为默认值。

我目前的minDate代码是：

$("#dtpFrom").on("dp.change", function (e) {
    $('#dtpTo').data("DateTimePicker").minDate(e.date);
});

Answer 1

使用Moment.js进行管理，这已经是Bootstrap DateTimePicker的预先请求。

对于未来的googlers，这是我想出的：

var dtpTo = moment(e.date);
var newTime = dtpTo.add(90, 'minutes');
$('#dtpTo').data("DateTimePicker").minDate(e.date); // Minimum Constraint
$('#dtpTo').data("DateTimePicker").date(newTime); // Sets Value

Bootstrap Linked DateTimePicker - 如何为第二个Picker添加时间

1 个答案: