ElementUi 中 日期时间插件DatePicker限制结束时间大于开始时间且开始时间小于此刻

前景：时间插件DatePicker

格式化选择日期：

              format="yyyy-MM-dd HH:mm:ss"

               value-format="yyyy-MM-dd HH:mm:ss"

设置日期选择范围： :picker-options="start"

效果图：

代码实现：

html： <el-col :span="5" class="col_item"> <span>注册时间:</span> <el-date-picker v-model="start_time" type="datetime" clearable format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" :picker-options="start" placeholder="开始时间"> </el-date-picker> </el-col> <el-col :span="5" class="col_item" style="margin-left:10px"> <el-date-picker v-model="end_time" type="datetime" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" :picker-options="end" placeholder="结束时间"> </el-date-picker> js： <script> export default { data () { return { start_time:"", end_time:"", start: { disabledDate: time => { if (this.end_time) { return ( time.getTime() > new Date(this.end_time).getTime() ); } else { return time.getTime() > Date.now(); } } }, end: { disabledDate: time => { if (this.start_time) { return ( time.getTime() > Date.now() || time.getTime() < new Date(this.start_time).getTime() ); } else { return time.getTime() > Date.now(); } } }, } }