二十八、layui的日历组件使用
生活随笔
收集整理的這篇文章主要介紹了
二十八、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的日历组件使用的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： try redis
- 下一篇： 随机取若干条记录的SQL语句