layui时间日期控件使用

来源：互联网发布：喜欢男朋友的丁丁知乎编辑：程序博客网时间：2024/05/26 05:50
<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 = this        laydate(end);      }</script>
0 0