使用jquery日期選擇器flatpickr.js,使用js動態建立input元素時插件失效

 

最近寫頁面時須要用到，日期選擇器，網上搜索了一些插件，最後使用了flatpickr.js。我是從npm 上拉下的依賴  npm install flatpickr --save

 

隨後在頁面中引入css，js文件，引入css文件時，能夠大體留意一下，選擇本身喜歡的色調，

引入js文件：

 

html代碼：

界面效果：

在使用的過程當中我遇到了一些問題，當我動態建立一個input標籤時，選擇器沒效果了，

緣由是，當把新建立的元素添加到頁面時，插件還未加載完畢，因此就不起做用

解決的辦法是，本身手動初始化插件，具體代碼以下：

固然了寫完這句代碼仍是不起做用，你還須要加一句代碼，新建立的元素也須要初始化啊：

這樣，bug就完美解決了，但願能幫到遇到一樣問題的你！