如何在Vue的Element UI日期选择器(el-date-picker)中默认今天
时间: 2024-12-02 21:19:07 浏览: 95
解决Element中el-date-picker组件不回填的情况
5星 · 资源好评率100%
在Vue.js中使用Element UI的日期选择器`el-date-picker`设置默认为今天的操作相对直接。首先,你需要在组件模板中包含`el-date-picker`元素,并为它绑定属性。你可以使用v-model指令来关联一个数据属性,然后利用`value`选项来设定初始值。
```html
<template>
<el-date-picker
v-model="date"
type="daterange" <!-- 或者单日选择 "type='date'" -->
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
default-value="['today', 'today']" <!-- 设置默认为当前日期 -->
></el-date-picker>
</template>
<script>
export default {
data() {
return {
date: ['today', 'today'], // 使用数组存储两个日期,第一个是起始日期,第二个是结束日期,默认都是今天
};
},
};
</script>
```
在这个例子中,`default-value`属性设置了默认日期范围为两个相同的值(即今天),表示从今天开始到今天为止。
阅读全文