iview的时间实时限制

html部分

//eslint-disable-next-line
<FormItem prop="messageFrequency" label='消息有效期开始时间：'>
       <Date-picker type="datetime"
        placeholder="选择日期和时间"
        style="width: 200px;display:inline-block"
        format="yyyy-MM-dd HH:mm"
        v-model="formConfig.lastingStart"
        @on-change="time1">
       </Date-picker>
       <Date-picker
       type="datetime"
       :options="endtimeoptions"
       placeholder="选择日期和时间"
       style="width: 200px;display:inline-block"
       format="yyyy-MM-dd HH:mm"
       v-model="formConfig.lastingEnd"
       @on-change="time2">
      </Date-picker>
</FormItem>

methods:{
 time1(e) {
      this.starttime = e;
      this.endtimeoptions = {
        disabledDate: (date) => {
          const startTime = this.starttime ? new Date(this.starttime).valueOf() : '';
          return date && (date.valueOf() < startTime);
        },
      };
      this.formConfig.lastingStart = `${e}:00`;
    },
}