本文最后提供源码,以及相关的 js 和 css 文件下载链接。
1.结构
2.使用办法
只要引入相应的 flatpickr.js 和 flatpickr.min.css 文件,然后在 html 文件里面写几行
代码即可。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> </head> <script async> function fp_ready(){ Flatpickr.l10n.firstDayOfWeek = 1; document.getElementById("flatpickr-tryme").flatpickr(); } </script> <script async src="flatpickr.js" onload="fp_ready()"></script> <link rel="stylesheet" type="text/css" href="flatpickr.min.css"> <body> <input id="flatpickr-tryme" placeholder="请选择日期"> </body> </html>
3.注意
script 后面的 async 不能去掉。不然会出现异常。
4.百度云下载链接
链接: https://pan.baidu.com/s/1-pbTgKiuSBDLyJdzQfxVpQ 密码: zp1k