element ui DateTimePicker

Question

用到了element ui DateTimePicker 有一个这样 要求 开始日期不能超过结束日期 用到了picker-options 但是还是不太对 有人遇到过吗？是怎么写的呢？

Answer 1

1. 结束日期就加一个picker-options:

1. data里面作一个判断：

1. 逻辑按照你自己的需求写。

Answer 2

设置type为datetimerange即可选择日期和时间范围

http://element.eleme.io/#/zh-...

Answer 3

pickerOption 方法写简单明了一点，但是注意这里面不能调用外面的startTime和endTime了，所以你需要传入参数

<el-date-picker
    v-model="form.startDate"
    type="datetime"
    placeholder="选择日期"
    :picker-options="pickerOption (form.startTime, form.endTime)">
</el-date-picker>

pickerOption (startTime, endTime){
    return {
        disabledDate: (time) => {
            if (!!endTime) {
                return time.getTime() > Date.now() || time.getTime() > endTime.getTime();
            } else {
                return time.getTime() > Date.now();
            }
        }
    }
}

我这里只写开始时间的pickerOption