flatpickr实例无法打开
flatpickr实例无法打开
提问于 2016-08-23 09:40:43
我有一些HTML，它使用了flatpickr日历的一个实例。我想要做的是，当单击相应的跨度时，只打开特定的日历实例。
<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 input“的所有实例重新初始化为新实例。我到底该怎么做才能打开想要打开的实例？
回答 1
Stack Overflow用户
发布于 2016-08-25 11:16:13
您每次都要重新初始化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();
});
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39091069
复制相关文章
相似问题
腾讯云开发者
