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