laydate时间范围选择器

LayUI时间选择插件laydate的使用

html代码

 <div class="layui-inline">
         <label class="layui-form-label">时间范围：</label>
           <div class="layui-input-inline">
          <input type="text" name="s_date" id="s_date" autocomplete="off" value="" placeholder="请选择时间范围" style="width: 180px;" class="layui-input">
                </div>
  </div>

Js代码

layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element', 'slider'], function () {
        var laydate = layui.laydate //日期
            , laypage = layui.laypage //分页
            , layer = layui.layer //弹层
            , table = layui.table //表格
            , carousel = layui.carousel //轮播
            , upload = layui.upload //上传
            , element = layui.element //元素操作
            , slider = layui.slider //滑块
            , $ = layui.$
            , excel = layui.excel;//导出表格


  var myDate = new Date();//获取当前时间设置选择时间的范围
        var maxtime = myDate.getFullYear() + "-" + (myDate.getMonth() + 1) + "-" + (myDate.getDate());
        //初始化选择时间控件
        laydate.render({
            elem: '#s_date'
            , type: 'date'
            , range: '~'
            , max: maxtime//设置最大时间
            , calendar: true
            , btns: ['clear', 'confirm', 'now']
            , done: function (value, date) {
                var time = value;
                var timearry = time.split("~");
                startTime = timearry[0];//开始时间
                EndTime = timearry[1];//结束时间
            }
        });




            })