elementUI 时间选择器，指定可选日期

最新推荐文章于 2024-04-28 17:20:27 发布

SKYE 徐

最新推荐文章于 2024-04-28 17:20:27 发布

阅读量422

点赞数

文章标签： elementui javascript

本文链接：https://blog.csdn.net/weixin_45165231/article/details/120482429

版权

Vue el-date-picker 禁选日期 disabledDate 时间比较

关键词由CSDN通过智能技术生成

<template>
 <el-date-picker 
   v-model="queryParams.purchaseTime" 
   type="monthrange" format="yyyy-MM" value-format="yyyy-MM" 
   :picker-options="pickerOptionsQuarter"
   :style="{width: '100%'}" start-placeholder="开始时间" end-placeholder="结束时间"
   range-separator="至" clearable
  ></el-date-picker>
</template>

不可选本月及之后的日期：

data() {
    return {
        pickerOptionsMonth: {
            disabledDate(time) {
              let year = new Date().getFullYear();
              let month = new Date().getMonth();
              let days = new Date(year, month, 0).getDate();
              const timeDifference = days * 86400776 // 时间差
              return time.getTime() > Date.now() - timeDifference;
        }
      },
    }
}

不可选本月之后的日期

data() {
    return {
        pickerOptionsMonth: {
            disabledDate(time) {
              return time.getTime() > Date.now() - 8.64e6;
        }
      },
    }
}