el-date-picker限制时间选择,不能选择当前日期之后时间
在Element UI的el-date-picker
组件中,可以通过设置picker-options
来限制时间选择。如果你想要限制不能选择当前日期之后的时间,可以使用以下代码:
<template>
<el-date-picker
v-model="value"
type="date"
placeholder="选择日期"
:picker-options="pickerOptions">
</el-date-picker>
</template>
<script>
export default {
data() {
return {
value: '',
pickerOptions: {
disabledDate(time) {
return time.getTime() < Date.now() - 8.64e7; // 如果现在是9点,则只能选择今天之前的日期
}
}
};
}
};
</script>
在这个例子中,disabledDate
函数用来确定哪些日期是不可选择的。Date.now()
返回当前时间的毫秒数,而8.64e7
是一天的毫秒数(24小时 60分钟 60秒 * 1000毫秒)。通过从当前时间减去这个数,我们可以确保只能选择今天之前的日期。如果需要严格限制在当前日期之前,不包括当前时间之后的时间,可以将Date.now()
替换为new Date()
。
评论已关闭