elementui 日期选择器设置当前默认日期(picker-options),以及当前日期以后的无法选择(default-value)...
时间: 2024-01-02 16:03:51 浏览: 57
好的,针对您的问题,我可以给您提供以下代码实现:
```html
<template>
<el-date-picker
v-model="currentDate"
:picker-options="pickerOptions"
:default-value="defaultDate"
></el-date-picker>
</template>
<script>
export default {
data() {
return {
currentDate: '', // 当前选中的日期
defaultDate: new Date(), // 默认日期为今天
pickerOptions: {
disabledDate(time) {
// 禁止选择今天以后的日期
return time.getTime() > Date.now();
}
}
};
}
};
</script>
```
在上述代码中,我们使用了 `el-date-picker` 组件,通过 `v-model` 绑定选中的日期,通过 `picker-options` 设置一些选项,通过 `default-value` 设置默认日期。
在 `pickerOptions` 中,我们使用了 `disabledDate` 方法来禁止选择今天以后的日期。方法中的 `time` 参数是当前日期的 `Date` 对象,我们可以通过比较其与当前时间戳的大小来判断是否禁止选择。
希望这个代码对您有所帮助!
阅读全文