Javascript FlatPicker实例赢了';t打开

Javascript FlatPicker实例赢了';t打开,javascript,jquery,calendar,flatpickr,Javascript,Jquery,Calendar,Flatpickr,我有一些HTML使用FlatPicker日历的实例。我想做的是在单击伴随的跨度时只打开特定的日历实例 <div class="formRow"> <div class="datetimepicker input-group date"> <input id="initial-notification-date-time" name="initial-notification-date-time" type="text" class="form

我有一些HTML使用FlatPicker日历的实例。我想做的是在单击伴随的跨度时只打开特定的日历实例

<div class="formRow">
    <div class="datetimepicker input-group date">
        <input id="initial-notification-date-time" name="initial-notification-date-time" type="text" class="form-control" />
        <span class="input-group-addon"></span>
    </div>
</div>

这将导致“.datetimepicker input”的所有实例重新初始化为新实例。我如何实际导致要打开的实例

您每次都在初始化FlatPicker。您需要执行以下操作:

$('.datetimepicker input').flatpickr({
  dateFormat: 'm/d/Y',
  enableTime: true,
  defaultDate: new Date(),
  onReady: function() {
      var flatPickrInstance = this;
      var $flatPickrInput = $(flatPickrInstance.element);
      $flatPickrInput.siblings("span").click(function () {
          flatPickrInstance.toggle();
      });
  }
});
$('.datetimepicker input').flatpickr({
  dateFormat: 'm/d/Y',
  enableTime: true,
  defaultDate: new Date(),
  onReady: function() {
      var flatPickrInstance = this;
      var $flatPickrInput = $(flatPickrInstance.element);
      $flatPickrInput.siblings("span").click(function () {
          flatPickrInstance.toggle();
      });
  }
});