el-date-picker限制当前日期以后的日期不可选

最新推荐文章于 2024-09-20 15:36:49 发布

Orange301511

最新推荐文章于 2024-09-20 15:36:49 发布

阅读量4.1k

点赞数 4

分类专栏：大前端文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/LQS5858/article/details/123716246

版权

大前端专栏收录该内容

30 篇文章 0 订阅

订阅专栏

el-date-picker限制当前日期以后的日期不可选

在这里插入图片描述

解决方案

<template>
<el-date-picker :picker-options="setDateRange" :editable="false" value-format="yyyy-MM-dd HH:mm:ss" v-model="value2" type="daterange" align="right" :start-placeholder="$t('record.record7')" :end-placeholder="$t('record.record8')" :default-time="['00:00:00', '23:59:59']">
 </el-date-picker>
 export default{
 data(){
 return {
  setDateRange: {
            disabledDate: time => {
                // 禁用今天之后的日期【当前天可选】
                return time.getTime() > Date.now() + 86400000 - 5;
            }
 }
 }
 }
</template>