Vue3 el-date-picker 禁用选择今天之前的日期
在使用 el-date-picker 组件时,可以通过设置 :picker-options 属性来配置日期选择器。其中,disabledDate 函数可以用来禁止选择某些日期。在禁止选择今天之前的日期时,可以使用以下代码:
<el-date-picker type='daterange' :picker-options='pickerOptions'></el-date-picker>
<script>
export default {
data() {
return {
pickerOptions: {
disabledDate(time) {
return time.getTime() < Date.now() - 8.64e7; // 禁止选择今天之前的日期
}
}
};
}
}
</script>
在上述代码中,disabledDate 函数中的 time 参数表示当前日期的时间戳。通过比较该时间戳和当前时间的时间戳,可以判断当前日期是否在今天之前。如果当前日期在今天之前,则返回 true,表示该日期不能被选择。否则返回 false,表示该日期可以被选择。
原文地址: https://www.cveoy.top/t/topic/nPVK 著作权归作者所有。请勿转载和采集!