el-date-picker 自定义起始时间
时间: 2023-08-03 21:04:24 浏览: 153
您可以使用 `range` 属性来自定义 `el-date-picker` 的起始时间。下面是一个示例代码:
```html
<template>
<div>
<el-date-picker
v-model="dateRange"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
:picker-options="pickerOptions"
></el-date-picker>
</div>
</template>
<script>
export default {
data() {
return {
dateRange: [],
pickerOptions: {
disabledDate(time) {
// 在此处定义您的起始时间逻辑
const start = new Date('2022-01-01');
const end = new Date('2022-12-31');
return time.getTime() < start.getTime() || time.getTime() > end.getTime();
},
},
};
},
};
</script>
```
在上述示例中,我们通过 `pickerOptions` 对象的 `disabledDate` 属性来定义起始日期。您可以根据自己的需求来修改 `start` 和 `end` 变量的值,以设定合适的起始时间范围。在示例中,我们将起始时间设定为 2022 年的 1 月 1 日至 12 月 31 日。
请注意,此示例使用了 Element UI 的 `el-date-picker` 组件,您需要确保已正确引入 Element UI 并按照它的文档进行使用。
阅读全文