element ui DateTimePicker

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


ITMISS
浏览 1180回答 3
3回答

德玛西亚99

结束日期就加一个picker-options:data里面作一个判断:逻辑按照你自己的需求写。

尚方宝剑之说

pickerOption 方法写简单明了一点,但是注意这里面不能调用外面的startTime和endTime了,所以你需要传入参数<el-date-picker&nbsp; &nbsp; v-model="form.startDate"&nbsp; &nbsp; type="datetime"&nbsp; &nbsp; placeholder="选择日期"&nbsp; &nbsp; :picker-options="pickerOption (form.startTime, form.endTime)"></el-date-picker>pickerOption (startTime, endTime){&nbsp; &nbsp; return {&nbsp; &nbsp; &nbsp; &nbsp; disabledDate: (time) => {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (!!endTime) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return time.getTime() > Date.now() || time.getTime() > endTime.getTime();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return time.getTime() > Date.now();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }}我这里只写开始时间的pickerOption
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript