2021-06-21bootstrapTable-datetimepicker开始结束时间控制

bootstrapTable-datetimepicker开始结束时间控制-方法封装

可以配置首尾时间的配置项，通过changeDate方法控制时间不倒挂溢出

调用：StartEndTimeRangeFn(“startId”,“endId”)

/**************************************************

• StartEndTimeRangeFn 时间段初始化 有时间段限制
• @param {*} StartDom 开始Input在这里插入代码片
• @param {*} EndDom 结束Input
• @param {*} options
  *************************************************/

function StartEndTimeRangeFn(StartDomId, EndDomId, optionsStart, optionsEnd) {
     var StartDom = typeof (StartDomId) === "string" ? $(`#${StartDomId}`) : StartDomId;
     var EndDom = typeof (EndDomId) === "string" ? $(`#${EndDomId}`) : EndDomId;
    var dateOptionsStart = {
        language: 'zh-CN',
        format: "yyyy-mm-dd",
        autoClose: 1,
        startView: 2,
        minView: "month",
        autoclose: true,
        clearBtn: true
        // endDate:new Date()
    }
    var dateOptionsEnd = {
        language: 'zh-CN',
        format: "yyyy-mm-dd",
        autoClose: 1,
        startView: 2,
        minView: "month",
        autoclose: true,
        clearBtn: true
        // endDate:new Date()
    }
    $.extend(dateOptionsStart, optionsStart);
    $.extend(dateOptionsEnd, optionsEnd);
    $(`#${StartDomId}`).datetimepicker(dateOptionsStart).on('changeDate', function (ev) {
        // 有只有月日的情况
        let timeStart = $(`#${StartDomId}`).val() && $(`#${StartDomId}`).val().length > 5 ? 
        						$(`#${StartDomId}`).val() : new Date().getFullYear() + "-" +$(`#${StartDomId}`).val(),
            timeEnd = $(`#${EndDomId}`).val() && $(`#${EndDomId}`).val().length > 5 ? 
           					$(`#${EndDomId}`).val() : new Date().getFullYear() + "-" + $(`#${EndDomId}`).val();
        if (timeEnd && timeStart && (Number(timeStart.replace(/-/g, "")) > Number(timeEnd.replace(/-/g, "")))) {
            $(`#${EndDomId}`).val("").datetimepicker('setStartDate', timeStart);
        } else if (timeStart) {
            $(`#${EndDomId}`).datetimepicker('setStartDate', timeStart);
        } else {
            $(`#${EndDomId}`).datetimepicker('setStartDate', "0001-01-01");
        }
    });
    $(`#${EndDomId}`).datetimepicker(dateOptionsEnd);
}