选择新的输入来触发 flatpickr答案

【问题标题】：Select new input to fire flatpickr选择新的输入来触发 flatpickr
【发布时间】：2020-04-30 09:59:15
【问题描述】：

我有一个日期选择器，当我选择一个新日期时，我希望在另一个输入上触发另一个日期选择器

输入一：

<input name="pDate" type="text" class="form-control date-with-time-inputs" onchange="changeDate()" id="p_date" placeholder="" value="{{$times['now']}}">

然后我有 onchange 事件

<script>
     function changeDate() {
     const input = document.getElementById('d_date');
     input.select();
     console.log('clicked');
   }
</script>

然后是第二个输入

<input name="dDate" type="date" class="form-control date-with-time-inputs" id="d_date" placeholder="" value="{{$times['tomorrow']}}">

控制台日志触发并且功能正在运行，但第二个输入没有触发。

【问题讨论】：

标签： javascript

【解决方案1】：

你不能从 JS 中打开/点击（）它（只有 focus() 但这对你没有帮助）：

HTML5 <input> 和 type='date' 仅适用于 few browsers。此外，作为程序员，您无法控制其外观或任何其他方面（比如显示和隐藏）(Quick FAQs on input type date)

因此，如果您必须这样做，HTML5 <input type='date'> 标记不是选项。您必须使用 JavaScript 中构建的东西，例如 jQuery UI 或 Bootstrap 日期选择器。

在这里找到：https://stackoverflow.com/a/18327043/12753766

【讨论】：