Verwenden Sie Element+vue, um Start- und Endzeitlimits zu implementieren

<el-form-item label="Startzeit">
   <el-date-picker v-model="startDate" type="datetime" placeholder="Wählen Sie ein Datum aus"
                   format="jjjj-MM-tt HH:mm:ss"
                   Werteformat="Zeitstempel"
                   :editierbar="falsch"
                   :picker-options="pickerOptionsStart" @change="changeStart">
   </el-Datumsauswahl>
</el-form-item>
<el-form-item label="Endzeit">
   <el-date-picker v-model="endDate" type="datetime" placeholder="Wählen Sie ein Datum aus"
                   Stil="Breite: 100%;"
                   format="jjjj-MM-tt HH:mm:ss"
                   Werteformat="Zeitstempel"
                   :löschbar="wahr"
                   :editierbar="falsch"
                   :picker-options="pickerOptionsEnd" @change="changeEnd">
   </el-Datumsauswahl>

</el-form-item>

pickerOptionsStart: {},
pickerOptionsEnd: {},
Startdatum: '',
Enddatum: '',

 changeStart() { // Begrenze die Startzeit if (this.endDate != '') {
          wenn (dieses.Enddatum <= dieses.Startdatum) {
            this.$message.warning('Endzeit muss größer sein als Startzeit!');
            dies.startDate = '';
          }
        }
        this.pickerOptionsEnd = Objekt.assign({}, this.pickerOptionsEnd, {
          disabledDate: (Zeit) => {
            wenn (dieses.Startdatum) {
              gibt Zeit zurück.getTime() < this.startDate;
            }
          },
        });
      },

      changeEnd() { // Endzeit begrenzen console.log(this.endDate);
        wenn (this.startDate != '') {
          wenn (dieses.Enddatum <= dieses.Startdatum) {
            this.$message.warning('Endzeit muss größer sein als Startzeit!');
            dies.endDate = '';
          }
        }

        this.pickerOptionsStart = Objekt.assign({}, this.pickerOptionsStart, {
          disabledDate: (Zeit) => {
            wenn (dieses.Enddatum) {
              gibt Zeit zurück.getTime() > this.endDate;
            }
          },
        });
      },