當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

二十八、layui的日历组件使用

發(fā)布時間：2025/4/5 编程问答 23 豆豆

生活随笔收集整理的這篇文章主要介紹了二十八、layui的日历组件使用小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>日期</title><link rel="stylesheet" href="../layui/css/layui.css"></head><body><blockquote class="layui-elem-quote">目前Layui中的日期組件還是layDate 1.1的改良版，它后續(xù)將會進行一次重寫。</blockquote><fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;"><legend>順便列舉幾個常用例子</legend></fieldset><div class="layui-form-pane" style="margin-top: 15px;"><div class="layui-form-item"><label class="layui-form-label">范圍選擇</label><div class="layui-input-inline"><input class="layui-input" placeholder="開始日" id="LAY_demorange_s"></div><div class="layui-input-inline"><input class="layui-input" placeholder="截止日" id="LAY_demorange_e"></div></div></div><script src="../layui/layui.js"></script><script>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 = thislaydate(end);}});</script></body> </html>

轉載于:https://www.cnblogs.com/deng-jie/p/9372779.html

總結

以上是生活随笔為你收集整理的二十八、layui的日历组件使用的全部內容，希望文章能夠幫你解決所遇到的問題。

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