element ui DateTimePicker

Question

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

Answer 1

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

1. data里面作一个判断：

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

Answer 2

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