使用vue-2数据报警器禁用vue3中的未来日期？
使用vue-2数据报警器禁用vue3中的未来日期？
提问于 2022-04-12 09:40:15
如何在使用日期范围时禁用未来日期？
<date-picker
v-model="params.range"
type="date"
value-type="format"
format="YYYY-MM-DD"
range
placeholder="Filter by date range"
/>回答 1
Stack Overflow用户
发布于 2022-04-12 10:43:21
您可以使用disabled-date工具提供一个函数，告诉是否应该禁用某个日期。
<template>
<div>
<p>Not before than today and not after than a week</p>
<date-picker
v-model="value1"
:default-value="new Date()"
:disabled-date="disabledAfterToday"
></date-picker>
</div>
</template>
<script>
export default {
data() {
return {
value1: new Date(),
};
},
methods: {
disabledAfterToday(date) {
const today = new Date();
today.setHours(0, 0, 0, 0);
return date > today
},
},
};
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/71840387
复制相关文章
相似问题
腾讯云开发者
