layDate是一個日期時間控件
可以在layui中使用layDate，也可直接使用layDate獨立版

在layui模塊中使用
下載layui后，引入layui.css和layui.js即可
作為獨立組件使用
去layDate獨立版本官網下載組件包，引入laydate.js即可

使用教程
直接給input控件一個id

<input type="text" id="test1">

日期時間控件的樣式，由id來確定
在CSS和JS中，定義好的，通過id引用

<script>lay('#version').html('-v'+ laydate.v);//執行一個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: '#test6',range: true});//年范圍laydate.render({elem: '#test7',type: 'year',range: true});//年月范圍laydate.render({elem: '#test8',type: 'month',range: true});//時間范圍laydate.render({elem: '#test9',type: 'time',range: true});//日期時間范圍laydate.render({elem: '#test10',type: 'datetime',range: true}); //墨綠主題laydate.render({elem: '#test29',theme: 'molv'});//自定義顏色laydate.render({elem: '#test30',theme: '#393D49'});//格子主題laydate.render({elem: '#test31',theme: 'grid'});</script>

官網
http://www.layui.com/laydate/
文檔
http://www.layui.com/doc/modules/laydate.html
demo
鏈接：https://pan.baidu.com/s/1VkR6NbgTFXjHUB-g2kha0w 密碼：ubg8
有問題，看文檔

總結

以上是生活随笔為你收集整理的layDate控件的使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。