layui中设置输入框时间区间

layui.use(['layer', 'form', 'table', 'util', 'admin','laydate'], function () {
    var $ = layui.jquery;
    var layer = layui.layer;
    var form = layui.form;
    var table = layui.table;
    var util = layui.util;
    var admin = layui.admin;
    var laydate = layui.laydate;

    var startTime = laydate.render({  
        elem: '#',//对应的id
        //type: 'datetime',
        done: function(value, date, endDate){
            endTime.config.min={
                year:date.year,
                month:date.month-1,
                date:date.date
            };
        }
    });
    var endTime = laydate.render({
        elem: '#', //对应的id
        //type: 'datetime',
        done: function(value, date, endDate){
            startTime.config.max={
                year:date.year,
                month:date.month-1,
                date:date.date
            };
        }
    });

}）；

 

前端html：

<div class="layui-inline">
    <label class="layui-form-label" style="width: 80px;">发布时间：</label>
    <div class="layui-input-inline mr0" style="width: 410px;">
        <input name="pubStartTime" id="pubTime" placeholder="请输入发布时间" style="width:190px;display: inline-block" type="text" class="layui-input"/>
        -
        <input name="pubEndTime" id="pubTime2" placeholder="请输入发布时间" style="width:190px;display: inline-block" type="text" class="layui-input"/>

    </div>
</div>

 

实现效果：