el-date-picker 禁止手动输入日期

要禁止el-date-picker组件中的日期手动输入，可以使用以下代码：

<el-date-picker v-model="value" type="date" :editable="false"></el-date-picker>

其中，`:editable="false"`属性可以禁止外层的输入，包括日期和时间。如果需要同时禁止内层的输入，可以使用以下代码：

<el-date-picker v-model="value" type="date" @focus="timeEditable"></el-date-picker>

timeEditable() {
  this.$nextTick(() => {
    let els = document.querySelectorAll('.el-date-picker__editor-wrap input');
    for (var i = 0; i <= els.length - 1; i++) {
      els[i].setAttribute('readonly', 'readonly');
    }
  })
},

这段代码会将组件中的所有输入框都设置为只读，从而禁止手动输入日期。

相关问题

el-date-picker 如何手动输入

el-date-picker组件默认是可以手动输入的，只需要将editable属性设置为true即可。例如：

<el-date-picker v-model="date" type="date" :editable="true"></el-date-picker>

这样就可以在日期选择器中手动输入日期了。

element-plus el-date-picker 需要手动输入日期怎么做？

要在 element-plus 的 el-date-picker 中允许手动输入日期，你可以将其绑定到一个字符串类型的值上，然后在输入框中输入日期字符串。同时，你也需要设置 format 属性来指定日期字符串的格式。以下是一个例子：

<template>
  <div>
    <el-date-picker
      v-model="date"
      type="date"
      format="yyyy-MM-dd"
      placeholder="选择日期或手动输入"
      :editable="true">
    </el-date-picker>
  </div>
</template>

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

在上面的例子中，我们将 el-date-picker 绑定到一个字符串类型的值 date 上，并设置 format 属性为 "yyyy-MM-dd"。这样就可以在输入框中手动输入日期字符串了。同时，我们也设置了 editable 属性为 true，以允许手动输入。

需要注意的是，由于手动输入日期字符串会存在格式错误的情况，因此你需要在处理输入值时进行一些格式校验。你可以使用正则表达式等方法来校验日期字符串的格式是否正确。