el-date-picker控制2024.05.01到今日可选
时间: 2024-07-22 16:01:34 浏览: 126
el-date-picker 英文改中文.doc
5星 · 资源好评率100%
`el-date-picker`是Element UI库中的日期选择器组件,如果你想限制用户只能选择从2024年5月1日到今天的日期范围,你可以通过设置`start-date`和`end-date`属性来实现这个功能。假设今天是2023年的某个日期,可以这样做:
```html
<el-date-picker
v-model="selectedDate"
type="daterange"
:start-date="minDate" // 设置最小日期为2024年05月01日
:end-date="today"
></el-date-picker>
// 初始化数据
data() {
return {
selectedDate: '',
minDate: '2024-05-01', // 格式通常是 'YYYY-MM-DD'
today: new Date(), // 获取当前日期
};
}
// 计算今天的日期
computed: {
today() {
const now = new Date();
return `${now.getFullYear()}-${(now.getMonth()+1).toString().padStart(2, '0')}-${now.getDate().toString().padStart(2, '0')}`;
}
}
```
在这个例子中,`:start-date`设置成固定值2024年05月01日,`:end-date`动态绑定到`today`计算属性上,表示用户选择的日期不能超过当天。
阅读全文