如何实现选择到达日期后自动打开出发日期选择器？（附JS代码）

别担心，这个需求一点都不复杂，我帮你调整代码，直接用就行～

你现有的代码已经完成了「出发日期最小为到达日期」的功能，现在只需要在到达日期选择完成后，调用出发日期选择器的弹出方法，就能实现自动打开的效果。

完整代码如下：

// 初始化到达日期选择器
$('#arrival').datetimepicker({ 
  useCurrent: false, 
  format: 'DD/MM/YYYY', 
  minDate: 'now' 
}); 

// 初始化出发日期选择器
$('#departure').datetimepicker({ 
  useCurrent: false, 
  format: 'DD/MM/YYYY', 
  minDate: 'now' 
}); 

// 监听到达日期变化事件
$("#arrival").on("change.datetimepicker", function (e) {
  // 设置出发日期的最小日期为选中的到达日期
  $('#departure').datetimepicker('minDate', e.date);
  // 自动打开出发日期选择器面板
  $('#departure').datetimepicker('show');
});

关键新增部分说明 #

• $('#departure').datetimepicker('show')：这行就是实现自动弹出的核心代码，当你选完到达日期后，它会立刻触发出发日期选择器的面板弹出，完全贴合你的需求。

这样设置后，用户选完到达日期，出发日期选择器会自动弹出来，而且出发日期的可选范围已经被限制在到达日期之后，避免了无效选择～

内容的提问来源于stack exchange，提问作者Sinem