如何在独立JS文件中获取已创建的Pikaday插件实例？

当然可以！Pikaday有个很实用的特性：当你通过目标DOM元素初始化插件后，它会自动把实例对象挂载到该元素的pikaday属性上——不管你是用原生JS还是jQuery来初始化的。

具体实现方法： #

如果你用原生JS获取元素：

// 拿到目标DOM元素
const dateInput = document.getElementById('datepicker');
// 获取Pikaday实例
const pikadayInstance = dateInput.pikaday;

如果你习惯用jQuery：

// 注意要取DOM元素本身，而不是jQuery对象
const pikadayInstance = $('#datepicker')[0].pikaday;

验证和使用实例 #

拿到实例后，你就可以调用Pikaday的所有方法了，比如：

// 显示日期选择器
pikadayInstance.show();
// 获取当前选中的日期
const selectedDate = pikadayInstance.getDate();
// 设置新的日期
pikadayInstance.setDate(new Date(2024, 5, 1));

这个方法之所以可行，是因为Pikaday的初始化逻辑默认会把实例绑定到目标输入元素的pikaday属性上，哪怕你无法修改初始化它的原JS文件，只要能访问到对应的DOM元素，就能拿到实例。

内容的提问来源于stack exchange，提问作者Jason Axelrod