欢迎访问 生活随笔！
TAG聚合

生活随笔

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

编程问答

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

发布时间：2025/4/5 编程问答 41 豆豆
生活随笔 收集整理的这篇文章主要介绍了 二十八、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的改良版，它后续将会进行一次重写。</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的日历组件使用的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。