el-date-picker daterange 默认本周
时间: 2024-10-28 15:03:51 浏览: 89
ngx-input-date-range-picker:角度输入日期范围选择器库
在Element UI的`el-date-picker`组件中,如果你想默认选择当前周的日期范围,可以设置`default-value`属性。这个属性接受一个数组,包含两个日期对象,分别代表开始和结束日期。
例如,你可以这样做:
```html
<el-date-picker
type="daterange"
v-model="dateRange"
default-value={['startOfWeek', 'endOfWeek']}
></el-date-picker>
<script>
export default {
data() {
return {
dateRange: [null, null], // 初始化为空
startOfWeek: () => new Date(), // 获取当前日期并减去一周
endOfWeek: () => {
const now = new Date();
now.setDate(now.getDate() + 6);
return now;
}
};
},
};
</script>
```
这里的`startOfWeek`和`endOfWeek`函数返回的分别是当前周的周一和周日。当组件首次渲染时,它会显示这两个默认值作为选择范围。
阅读全文