layui时间日期控件使用
生活随笔
收集整理的這篇文章主要介紹了
layui时间日期控件使用
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<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 laydate-icon" placeholder="開始日" id="LAY_demorange_s"></div><div class="layui-input-inline"><input class="layui-input laydate-icon" placeholder="截止日" id="LAY_demorange_e"></div></div>
</div>
<script type="text/javascript" src="layui/lay/dest/layui.all.js"></script>
<script type="text/javascript">var $ = layui.jquery,element = layui.element(),form = layui.form();var start = {min: laydate.now(),max: '2099-06-16 23:59:59',istoday: false,format: 'YYYY-MM-DD hh:mm:ss'//日期格式,istime:true,choose: function(datas){end.min = datas; //開始日選好后,重置結束日的最小日期end.start = datas //將結束日的初始值設定為開始日}};var end = {min: laydate.now(),max: '2099-06-16 23:59:59',istoday: false,format: 'YYYY-MM-DD hh:mm:ss'//日期格式,istime:true,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>
創作挑戰賽新人創作獎勵來咯,堅持創作打卡瓜分現金大獎
創作挑戰賽新人創作獎勵來咯,堅持創作打卡瓜分現金大獎
總結
以上是生活随笔為你收集整理的layui时间日期控件使用的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: c# list集合根据某个字段去重_Py
- 下一篇: asp.net 报表页面模板_CP:基于