多语言展示
当前在线:287今日阅读:155今日分享:35

pickadate 时间插件怎么用

网页制作的时候经常需要输入日期和时间,自己用js编写一个时间插件又比较繁琐,而且不好看,网上有很多成熟的时间插件可以供我们使用,今天就以pickadate为例,讲解一下。
工具/原料

pickadate

方法/步骤
2

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

3

打开解压出的文件,新建一个文件及,将解压出的文件中的对应文件复制出来,保存到新建的文件夹中。

5

打开html文件,依次将刚才的6个文件引入,需要注意的是,这个插件必须依赖jQuery才能使用,因此,需要在js调用前,先加载jQuery,也可以将jQuery下载到本地 代码如下:       

6

给待选择的input框绑定js方法,注意这个方法要放在文档最后面

7

用浏览器打开示例文件,点击如图所示的input框,即可看到熟悉日期选择界面了

8

附上完整代码       

推荐信息