使用jquery日期选择器flatpickr.js,使用js动态创建input元素时插件失效
2024-10-19 01:32:35
最近写页面时需要用到，日期选择器，网上搜索了一些插件，最后使用了flatpickr.js。我是从npm 上拉下的依赖 npm install flatpickr --save
随后在页面中引入css，js文件，引入css文件时，可以大致留意一下，选择自己喜欢的色调，
引入js文件：
html代码：
界面效果：
在使用的过程中我遇到了一些问题，当我动态创建一个input标签时，选择器没效果了，
原因是，当把新创建的元素添加到页面时，插件还未加载完毕，所以就不起作用
解决的办法是，自己手动初始化插件，具体代码如下：
当然了写完这句代码还是不起作用，你还需要加一句代码，新创建的元素也需要初始化啊：
这样，bug就完美解决了，希望能帮到遇到同样问题的你！
最新文章
- 移动开发框架剖析(二) Hammer专业的手势控制
- 【T电商 1】Nginx服务器搭建
- CUBRID学习笔记 4 端口和win7下连接数据库cubrid教程
- Jq_Ajax 操作函数跟JQuery 遍历函数跟JQuery数据操作函数
- protocol（协议） 和 delegate（委托）也叫（代理）---辨析
- linuxmit下git安装和初级使用
- EditPlus 快速去重
- slave 成为master 时候执行的操作notify_master /etc/keepalived/send_master.sh
- Android定位功能（二）
- 《Java并发编程实战》第十三章 显示锁 读书笔记
- javascript日历插件
- Unity 3.5
- angularjs ng-class
- PHP字符串替换str_replace()函数4种用法详解
- javascript简单介绍
- Python二级-----------程序冲刺1
- Linux基础命令---sar显示系统活动信息
- Javascrip错误类型
- 搭建Pypi转发服务
- 06-java学习-方法的学习