element 时间选择器禁用选择

在使用 Element UI 的时间选择器（TimePicker）组件时，如果需要禁用选择功能，可以通过设置组件的 disabled 属性为 true 来实现。

以下是一个示例代码：




<template>
  <el-time-picker
    v-model="timeValue"
    :disabled="true"
    placeholder="选择时间">
  </el-time-picker>
</template>
 
<script>
  export default {
    data() {
      return {
        timeValue: ''
      };
    }
  }
</script>

在这个例子中，el-time-picker 组件被设置为 disabled，用户无法与之交互，也就是说时间选择器被禁用了。v-model 绑定了一个数据 timeValue，但这不是必须的，因为时间选择器被禁用了，用户不能更改这个值。如果需要展示默认值，可以在 data 中设置 timeValue。

element 时间选择器禁用选择

评论已关闭

推荐阅读