【DatePicker】让ElementUI中的时间控件禁止选中过去时间
在Element UI中，要想禁用日期选择器选择今天之前的日期，可以使用disabledDate属性。这个属性接受一个方法，该方法返回一个布尔值，当返回true时，日期就会被禁用。
下面是一个例子，展示如何禁用今天之前的所有日期：
<template>
<el-date-picker
v-model="value"
type="date"
placeholder="选择日期"
:disabled-date="disabledDate"
></el-date-picker>
</template>
<script>
export default {
data() {
return {
value: ''
};
},
methods: {
disabledDate(time) {
return time.getTime() < Date.now() - 8.64e7; // 8.64e7 毫秒数代表一天
}
}
};
</script>在这个例子中，disabledDate方法返回一个布尔值，如果选中的日期（通过time参数获取）早于当前日期减去一天的时间戳，则该日期将被禁用。Date.now()返回当前时间的毫秒数，而8.64e7是一天的毫秒数（24小时 60分钟 60秒 * 1000毫秒）。
评论已关闭