el-time-picker禁止选择

要禁止选择 el-time-picker 组件中的选项，您可以使用 disabled 属性。将 disabled 属性设置为 true，即可禁用组件。例如：

<template>
  <el-time-picker v-model="selectedTime" :disabled="true"></el-time-picker>
</template>

<script>
export default {
  data() {
    return {
      selectedTime: ''
    };
  }
};
</script>

在上面的示例中，el-time-picker 组件将被禁用，用户将无法选择或编辑时间。

相关问题

el-date-picker禁止点击

要禁止el-date-picker的点击，你可以使用以下方法：

1. 使用type="datetime"属性。这个属性可以实现同时选择日期和时间，但是不能自定义条件。例如：

<el-date-picker v-model="dxDate" type="datetime"></el-date-picker>

2. 使用editable="false"属性。这个属性可以禁止外层的输入，但是里层的(白色的部分)还是可以点击。你可以使用CSS来禁止左侧的日期输入，例如：

.el-date-picker__time-header {
  .el-date-picker__editor-wrap:nth-child(1) .el-input:nth-child(1) {
    z-index: -1;
  }
}

3. 使用js控制时间范围。你可以使用disabledDate方法来设置可选择的日期范围，例如：

<el-date-picker v-model="activityTime" :picker-options="pickerOptions"></el-date-picker>

data: {
  pickerOptions: {
    disabledDate(time) {
      const curDate1 = (new Date()).getTime();
      const day = 6 * 24 * 3600 * 1000;
      const dateRegion = curDate1 + day;
      return time.getTime() < Date.now() - 8.64e7 || time.getTime() > dateRegion;
    }
  }
}

使用这些方法之一，你可以禁止el-date-picker的点击。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [elementUI el-date-picker控制时间禁止点击](https://blog.csdn.net/p930318/article/details/104517886)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* [el-date-picker禁止手动输入只能选择](https://blog.csdn.net/anny_mei/article/details/124175502)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]

el-date-picker禁止以前时间

可以通过设置el-date-picker的属性disabled-date来禁止选择以前的时间。具体实现方法如下：

<el-date-picker
  v-model="date"
  :disabled-date="disabledDate"
></el-date-picker>

data() {
  return {
    date: ''
  }
},
methods: {
  disabledDate(time) {
    return time.getTime() < Date.now() - 8.64e7; // 禁止选择今天以前的日期
  }
}