vue+element-ui 校验开始时间与结束时间

 需求背景：开始时间不能早于当前时间（此刻之前不可选）

 

代码实现：

<template>
    <div>
        <ElForm v-model="basicMessage" :rules="basicMessageRules">
            <ElFormItem prop="startTime">
            <!-- 此处用到的是el-element的日期时间选择器 -->
            <!-- 通过设置type属性为datetime，即可在同一个选择器里同时进行日期和时间的选择。快捷选项的使用方法与 Date Picker 相同。 -->
            <ElDatePicker
              v-model="basicMessage.startTime"
              value-format="yyyy-MM-dd HH:mm:ss"
              type="datetime"
              :picker-options="pickerOptions"
              placeholder="选择执行开始时间" >
            </ElDatePicker>