elementUi 日期选择器 组件禁止手输
在Element UI的日期选择器组件中,如果你想禁止用户通过手动输入来更改日期,你可以通过设置editable
属性为false
来实现。
以下是一个示例代码:
<template>
<el-date-picker
v-model="date"
type="date"
placeholder="选择日期"
:editable="false">
</el-date-picker>
</template>
<script>
export default {
data() {
return {
date: ''
};
}
};
</script>
在这个例子中,editable
属性被设置为false
,这意味着用户将无法在日期选择器中输入任何内容。他们只能通过点击日历组件中的日期来选择日期。
评论已关闭