element-ui 时间选择器限时选择时间范围

514 阅读1分钟
<el-date-picker size="mini" v-model="form.startDateTime" @focus="clickDateTime" :clearable="false" :picker-options="pickerOptionsStart" type="datetimerange" range-separator="至"

start-placeholder="开始时间" end-placeholder="结束时间">

</el-date-picker>

:picker-options="pickerOptionsStart"可对时间的选择进行限制等

const clickDateTime = () => {
    pickerOptionsStart.value = ({

        disabledDate: (time) => {

            if (form.limitDateTime[1]) {

                return time.getTime() < new Date(form.limitDateTime[1].getTime() + 24 * 60 * 60 * 1000) // 从指定时间的后一天开始
                // return time.getTime() > new Date(form.startDateTime[0]) - 8.64e7 // 不能大于指定时间的前一天

            }

        }

    })
}