el-date-picker设置今天之前的日期不可选
在Element UI的el-date-picker
组件中,可以使用disabledDate
属性来设置不可选择的日期。要设置今天之前的日期不可选,可以传递一个方法给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
方法通过比较当前日期时间戳和今天之前一天的时间戳来判断日期是否可选。Date.now()
返回当前时间的毫秒数,减去8.64e7(代表一天的毫秒数246060*1000)就能得到昨天的时间戳,所有在昨天之前的日期都会被标记为不可选。
评论已关闭