el-date-picker怎么限制当前时间的15分钟以后
时间: 2023-08-16 18:07:25 浏览: 231
el-date-picker 英文改中文.doc
5星 · 资源好评率100%
你可以使用 el-date-picker 的属性 disabledMinutes 来限制选择时间。这个属性接受一个函数,可以根据具体的逻辑返回一个数组,数组中的元素表示需要禁用的分钟数。
下面是一个示例,演示了如何禁用当前时间的15分钟以后的时间:
```html
<template>
<el-date-picker
v-model="dateTime"
type="datetime"
:picker-options="pickerOptions"
></el-date-picker>
</template>
<script>
export default {
data() {
return {
dateTime: null,
pickerOptions: {
disabledMinutes: () => {
const currentMinute = new Date().getMinutes();
const disabledMinutes = [];
// 禁用当前时间的15分钟以后的时间
for (let i = currentMinute + 15; i < 60; i++) {
disabledMinutes.push(i);
}
return disabledMinutes;
}
}
};
}
};
</script>
```
上面的代码中,我们通过 disabledMinutes 函数来计算禁用的分钟数。首先获取当前时间的分钟数,然后循环从当前分钟数加上15开始,将禁用的分钟数添加到 disabledMinutes 数组中,最后将数组返回给 disabledMinutes 属性。
这样就可以限制 el-date-picker 只能选择当前时间的15分钟以内的时间。
阅读全文