使用jquery日期选择器flatpickr.js,使用js动态创建input元素时插件失效

 

最近写页面时需要用到，日期选择器，网上搜索了一些插件，最后使用了flatpickr.js。我是从npm 上拉下的依赖  npm install flatpickr --save

 

随后在页面中引入css，js文件，引入css文件时，可以大致留意一下，选择自己喜欢的色调，

引入js文件：

 

html代码：

界面效果：

在使用的过程中我遇到了一些问题，当我动态创建一个input标签时，选择器没效果了，

原因是，当把新创建的元素添加到页面时，插件还未加载完毕，所以就不起作用

解决的办法是，自己手动初始化插件，具体代码如下：

当然了写完这句代码还是不起作用，你还需要加一句代码，新创建的元素也需要初始化啊：

这样，bug就完美解决了，希望能帮到遇到同样问题的你！

 

转载于:https://www.cnblogs.com/zhang-jiao/p/10687871.html