AntD vue日期选择器 结束时间 disabledTime函数
时间: 2024-01-04 14:02:45 浏览: 91
antd日期选择器禁止选择当天之前的时间操作
AntD Vue日期选择器的disabledTime函数可以用来禁用某些时间段。在结束时间选择器中,你可以使用该函数来禁用比开始时间更早的时间。以下是一个简单的示例:
```vue
<template>
<div>
<a-date-picker v-model="startDate" show-time />
<a-date-picker v-model="endDate" show-time :disabled-time="disabledEndDate" />
</div>
</template>
<script>
export default {
data() {
return {
startDate: null,
endDate: null
};
},
methods: {
disabledEndDate(current) {
if (this.startDate) {
return current && current < this.startDate.startOf('day');
} else {
return current && current < Date.now() - 24 * 60 * 60 * 1000;
}
}
}
};
</script>
```
在上面的示例中,我们在开始时间选择器中选择了一个日期和时间,然后在结束时间选择器中使用了disabledTime函数来禁用比开始时间更早的时间。我们使用moment.js库的startOf方法将当前日期截断到一天的开始,因此我们只能选择开始时间之后的时间。
希望这可以帮助到你!
阅读全文