- class="des-status-df">开始
- <div class="block">
- <el-date-picker
- :picker-options="startDatePicker"
- v-model="startTime"
- type="datetime"
- placeholder="选择日期时间"
- >
- el-date-picker>
- div>
- <div class="des-status-df">结束div>
- <div class="block">
- <el-date-picker
- :picker-options="endDatePicker"
- v-model="endTime"
- type="datetime"
- placeholder="选择日期时间"
- >
- el-date-picker>
- div>
-
- beginDate() {
- const self = this;
- return {
- disabledDate(time) {
- debugger;
- if (self.endTime) {
- //如果结束时间不为空,则小于结束时间
- return new Date(self.endTime).getTime() < time.getTime();
- } else {
- // return time.getTime() > Date.now()//开始时间不选时,结束时间最大值小于等于当天
- }
- },
- };
- },
- processDate() {
- const self = this;
- return {
- disabledDate(time) {
- if (self.startTime) {
- //如果开始时间不为空,则结束时间大于开始时间
- return new Date(self.startTime).getTime() > time.getTime();
- } else {
- // return time.getTime() > Date.now()//开始时间不选时,结束时间最大值小于等于当天
- }
- },
- };
- },
data:
- startDatePicker: this.beginDate(),
- endDatePicker: this.processDate(),