前端日歷插件

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'});