flatpickr实例不会打开

Question

我有一些使用flatpickr日历实例的HTML。我想要做的是仅在打开伴随的跨度时打开特定的日历实例。

<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> 

附带的JavaScript是：

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

这是什么目前并是造成“.datetimepicker输入”的所有实例重新初始化一个新的实例。我如何真正导致我想打开的实例？

Answer 1

您每次都要重新初始化flatpickr。你需要做这样的事情：

$('.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(); 
     }); 
    } 
});