element dateTimePicker 常见需求

**当天及当天以前的数据不可选**
 <div class="datetime">
        <span>选择日期:</span>
        <el-date-picker
          :disabled="timeDisabled"
          v-model="ruleForm.syncStartTime"
          class="datetime"
          placeholder="请选择日期"
          type="date"
          :picker-options="pickerOptions"
          value-format="yyyy-MM-dd HH:mm:ss"
          @change="timeHandleChnage"
        >
        </el-date-picker>
      </div>
 return {
    
    
      pickerOptions: {
    
    
        disabledDate(time) {
    
    //当天之前的时间=不可选
          return time.getTime() < Date.now() - 8.64e7;
        }
      },
     }

在这里插入图片描述
控制页面按钮显示(当前时间小于请求返回的时间时,设置按钮才可显示)

<el-button
            v-if="!row.loadStatus && !once"
            size="small"
            type="text"
            @click="originData(row)"
          >
            设置初始数据
          </el-button>
computed:{
    
    
	once() {
    
    
      let time1 = dayjs().unix(); //本地时间
      console.log(this.syncStartTime, "this.syncStartTime");
      let time2 = dayjs(this.syncStartTime) //金蝶同步时间
        .add(0, "day")
        .startOf("date")
        .unix();
      // console.log(time1, time2, "time1,time2");
      if (time1 - time2 > 0) {
    
    
        return true;
      } else {
    
    
        return false;
      }
    }
}

猜你喜欢

转载自blog.csdn.net/weCat_s/article/details/119034399