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

 

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

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

引入js文件:

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

 

html代码:

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

界面效果:

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

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

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

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

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

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

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

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

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

 

相关文章:

  • 2022-02-09
  • 2021-10-24
  • 2022-12-23
  • 2022-12-23
  • 2021-06-05
  • 2021-05-22
  • 2022-03-15
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-11-29
  • 2021-12-03
  • 2021-11-29
  • 2022-01-23
相关资源
相似解决方案