laydate 使用版本號(hào)：laydate-v5.0.9

1.png

2.png

3.png

4.png

5.png

html 元素：

 <div class="form-list form-list-column">
        <div class="form-label">
            <span class="form-title">選擇開始日期：</span>
            <input type="text" id="startDate" placeholder="開始日期">
        </div>
        <div class="form-label">
            <span class="form-title">選擇結(jié)束日期：</span>
            <input type="text" id="endDate" readonly placeholder="結(jié)束日期">
        </div>
        <div class="opera-area">
            <div type="button" class="btn btn-lg btn-no-radius btn-ok">確定</div>
            <div type="button" class="btn btn-lg btn-no-radius btn-cancel">取消</div>
        </div>
  </div>

<script src="/lib/laydate/laydate.js"></script>
重置 laydate樣式

.layui-laydate-header i,
 .layui-laydate-content table{
    font-size: 13px!important;
  }
.layui-laydate-footer span:hover{
    color: #0079c4!important;
 }

js代碼修改：
要么把 btns:['clear', 'confirm'],要么把 showBottom: false 選擇 現(xiàn)在 會(huì)解除限制
注：選擇更換時(shí)間的時(shí)候九榔，會(huì)按照選擇框的時(shí)間 來(lái)做 active 狀態(tài)妻枕，min 和 max 還是可以的

testObj = {
    init: function(){
        this.bindEvent();
    },
    bindEvent: function(){
        // 開始時(shí)間
        var start = laydate.render({
            elem: '#startDate',
            theme: '#0079c4',
            trigger: 'click',
            btns: ['clear', 'confirm'],
            // showBottom: false,
            done: function (value, date) {
                end.config.min = {
                    year: date.year,
                    month: date.month - 1,
                    date: date.date,
                    hours: date.hours,
                    minutes: date.minutes,
                    seconds: date.seconds
                };
                // 作為 結(jié)束選擇 的 開始時(shí)間
                end.config.value = value;
            }
        });
        // 結(jié)束時(shí)間
        var end = laydate.render({
            // 綁定元素
            elem: '#endDate',
            //  主題色
            theme: '#0079c4',
            //  觸發(fā)方式
            trigger: 'click',
            // 底部按鈕
            btns: ['clear', 'confirm'],
            // showBottom: false,
            // 選擇完成回調(diào)
            done: function (value, date) {
                start.config.max = {
                    year: date.year,
                    month: date.month - 1,
                    date: date.date,
                    hours: date.hours,
                    minutes: date.minutes,
                    seconds: date.seconds
                };
                start.config.value = value;
            }
        });
        laydate.render(start);
        laydate.render(end);
    }
}
testObj.init()