el-date-picker type=“date” 输入框无内容,选择器打开时设置默认值
时间: 2024-09-25 07:15:49 浏览: 30
el-date-picker 英文改中文.doc
5星 · 资源好评率100%
`el-date-picker` 是 Element UI 提供的一款日期选择器组件,在 Vue.js 中使用时,如果你想让输入框显示默认日期,当选择器打开时已经有预设的日期,可以在初始化组件时设置 `value` 属性。
例如,如果你想要设置默认为当前日期,可以这样做:
```html
<template>
<el-date-picker
type="date"
v-model="selectedDate" // 绑定到数据属性 selectedDate
placeholder="选择日期"
default-value="currentDate" // 设置默认值为当前日期
></el-date-picker>
</template>
<script>
export default {
data() {
return {
selectedDate: '', // 或者 new Date() 如果你想直接用系统当前时间
currentDate: new Date(), // 当前日期
};
},
};
</script>
```
在这个例子中,当你创建这个日期选择器时,输入框会立即显示 `currentDate` 的值,选择器打开时也是同一天。
阅读全文