目前layui中的日期元件還是laydate 1.1的改良版，它後續將會進行一次重寫。順便列舉幾個常用例子
範圍選擇
layui.use('laydate', function(){
var laydate = layui.laydate;
var start = {
min: laydate.now()
,max: '2099-06-16 23:59:59'
,istoday: false
,choose: function(datas){
end.min = datas; //開始日選好後，重置結束日的最小日期
end.start = datas //將結束日的初始值設定為開始日
var end = {
min: laydate.now()
,max: '2099-06-16 23:59:59'
,istoday: false
,choose: function(datas){
start.max = datas; //結束日選好後，重置開始日的最大日期
document.getelementbyid('lay_demorange_s').onclick = function(){
start.elem = this;
laydate(start);
document.getelementbyid('lay_demorange_e').onclick = function(){
end.elem = this
laydate(end);
效果圖：
layui 日期時間選擇
年選擇器 年月選擇器 時間選擇器 日期加時間選擇器 可能會出現的bug解決 在看案例之前，先來看一下日期選擇器的引數有哪些 elem 繫結元素 這個是必填項 用於繫結執行日期渲染的元素，值一般為選擇器，或dom物件 type 控制項選擇型別 用於單獨提供不同的選擇器型別，可選值有如下 type可選值...
《layui宇宙版教程》 Layui介紹
1.1 layui介紹 layui是經典的模組化前端框架，由職業前端資深工程師傾情打造，面向全層次的前後端開發者和低門檻開箱即用的前端ui解決方案。layui是採用模組化規範編寫的前端ui框架，遵循原生html css js的書寫與組織形式，學習門檻極低，拿來即用。其外在極簡，卻又不失飽滿的內在，體...
layui查檔頁面 layUI實現列表查詢功能
官網說在查詢時的url必須設定非同步介面，so，如果我們不借助後台看起來這個效果好像是單靠前端是出不來，但，為了本地演示，這裡寫了乙個很low的方法，單靠show hide 方法來實現查詢效果 效果演示可以單不建議實際開發中使用該方法 以下 貼上複製便可直接使用 搜尋id 搜尋 layui.use ...