pickadate 时间插件怎么用

2024-10-16 16:16:05

1、首先需要找到pickadate的网站去下载对应的文件包，直接在百度中搜索pickadate，如图，即可找到，点击如图的下载按钮即可下载。

2、下载完成后，将下载的文件打开，将里面的文件解压到任一位置

5、打开html文件，依次将刚才的6个文件引入，需要注意的是，这个插件必须依赖jQuery才能使用，因此，需要在js调用前，先加载jQuery，也可以将jQuery下载到本地代码如下：<!DOCTYPE HTML><html><head><meta charset="UTF-8"><title></title><script src="http://code.jquery.com/jquery-1.10.2.min.js"></script><link rel="stylesheet" href="default.css" id="theme_base"><link rel="stylesheet" href="default.date.css" id="theme_date"><link rel="stylesheet" href="default.time.css" id="theme_time"><script src="picker.js"></script> <script src="picker.date.js"></script> <script src="picker.time.js"></script></head><body><input type="text" id="picker" /></body></html>

8、附上完整代码<!DOCTYPE HTML><html><head><meta charset="UTF-8"><title></title><link rel="stylesheet" href="default.css" id="theme_base"><link rel="stylesheet" href="default.date.css" id="theme_date"><link rel="stylesheet" href="default.time.css" id="theme_time"><script src="http://code.jquery.com/jquery-1.10.2.min.js"></script><script src="picker.js"></script> <script src="picker.date.js"></script> <script src="picker.time.js"></script></head><body><input type="text" id="datepicker" /></body></html><script type="text/javascript">var $input = $('#datepicker').pickadate()</script>