前端日历插件

layDate 日期与时间组件

layDate 是 layui 独立维护的三大组件之一,https://www.layui.com/laydate/下载获得 layDate 文件包后,解压并将 laydate 整个文件夹(不要拆分结构) 存放到你项目的任意目录,使用时,只需引入 laydate.js 即可。

请注意:如果你的页面已经使用了 layui,我们强烈推荐你直接采用 layui 内置的 layDate 模块,请勿再重复引用独立版的 laydate.js,layDate 采用原生 JavaScript 编写,不依赖任何第三方库,兼容所有浏览器(IE6/7除外)

npm安装:npm install layui-laydate

//常规用法

laydate.render({elem: '#test1'});

//国际版

laydate.render({elem: '#test1-1',lang: 'en'});

//年选择器

laydate.render({elem: '#test2',type: 'year'});

//年月选择器

laydate.render({elem: '#test3',type: 'month'});

//时间选择器

laydate.render({elem: '#test4',type: 'time'});

//时间选择器

laydate.render({elem: '#test5',type: 'datetime'});

//墨绿主题

laydate.render({

elem: '#test29',theme: 'molv'});

//自定义颜色

laydate.render({

elem: '#test30',theme: '#393D49'});

//格子主题

laydate.render({elem: '#test31',theme: 'grid'});

 

猜你喜欢

转载自www.cnblogs.com/hujun-2018/p/11546740.html