elementui中日期el-data-picker/时间el-time-picker禁用处理,使用传值的方式

在Element UI中，你可以通过设置disabled属性来禁用日期时间选择器。如果你需要根据传入的值来动态禁用组件，可以使用v-bind或简写:disabled来绑定一个布尔值。

以下是一个例子，展示了如何根据一个名为isDisabled的数据属性来禁用el-date-picker和el-time-picker组件：

<template>
  <div>
    <el-date-picker
      v-model="dateValue"
      type="date"
      placeholder="选择日期"
      :disabled="isDisabled"
    ></el-date-picker>
 
    <el-time-picker
      v-model="timeValue"
      placeholder="选择时间"
      :disabled="isDisabled"
    ></el-time-picker>
  </div>
</template>
 
<script>
export default {
  data() {
    return {
      dateValue: '',
      timeValue: '',
      isDisabled: true // 这里的值可以根据实际情况动态改变
    };
  },
  // 你可以在这里根据逻辑动态设置isDisabled的值
};
</script>

在这个例子中，el-date-picker和el-time-picker被禁用，因为isDisabled被设置为true。你可以根据实际情况，比如某个条件或者从父组件传递的prop来动态改变isDisabled的值。