Flatpickr实例没有打开
flatpickr instance won't open
我有一些使用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();
});
}
});
当前所做的是导致所有"。日期时间选择器输入"以重新初始化为新实例。我如何实际导致我想要打开的实例?
每次都要重新初始化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();
});
}
});
相关文章:
- ES6构造函数返回基类的实例
- KnockoutJS-组件-多个实例
- 为什么无法在TypeScript中导出类实例
- 如何在GoogleWeb工具包(GWT)中从JSNI调用接口(实例化)
- fluxxor向一个flux实例添加一组以上的操作
- 使用jQuery获取Dropzone实例/对象
- "实例范围”;TypeScript类的getter/setter
- 如何在速度模板中获取LiferayPortlet实例id
- 同一项怎么可能在一个实例中未定义,却在另一个实例上定义
- 实例创建(JS)
- 显示模块模式在Knockout中设置模型的新实例
- 如何获取单选按钮的多个实例的选定单选按钮值
- 当同一浏览器的两个实例浏览时,Javascript页面如何具有唯一的ID
- 在哪里可以找到RXUI Javascript'时间飞逝'实例
- spine.js在启动时填充模型实例
- 不再需要时使用jQuery/kill实例
- 如何在用户输入时实例化数组
- 从Sequelize中的非实例更新
- 如何基于数组值创建新实例
- Flatpickr实例没有打开