超好用的前端页面日期插件(百度云下载源码)

本文最后提供源码,以及相关的 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


猜你喜欢

转载自blog.csdn.net/weidong_y/article/details/79949180