vue 日期控件 100天内的时间禁用不允许选择

vue 日期控件 100天内的时间禁用不允许选择,可以从101天选起

比如,2024年8月9号开始,100天内禁止选择,第101天之后的日期可以选,效果如图所示

复制代码
// 日期控件代码  加上 :picker-options="pickerOptions"
<template>
    <el-date-picker
      v-model="value1"
      type="date"
      placeholder="选择日期"
       :picker-options="pickerOptions">
    </el-date-picker>
</template>
<script>
  export default {
    data() {
      return {
        pickerOptions: {
          disabledDate(time) {
            disabledDate(time) {
                   //当前时间
					let curTime = new Date();
					curTime.setHours(0, 0, 0, 0)
					let startTime = curTime.getTime()
					//需要从第101天起可选  所以是101 * 24 * 60 * 60 * 1000,如果是第7天起可选,就是 7 * 24 * 60 * 60 * 1000  
					let endTime = startTime + 101 * 24 * 60 * 60 * 1000
					return time.getTime() < endTime;
				}
          }
        },
        value1: '',
      };
    }
  };
</script>
相关推荐
bugcome_com15 小时前
JWT 知识小课堂:从入门到精通,一文吃透 JSON Web Token
前端·json
To_OC16 小时前
写了三天 Next.js,我的 React 世界观被拆了又装回去
前端·全栈·next.js
独泪了无痕16 小时前
viewer.js 安装与配置指南:实现图片预览功能
前端·vue.js
起床学FPGA18 小时前
AI回答问题之后,会自动跳到最下面的问题
开发语言·javascript·ecmascript
Fluxart.ai18 小时前
电商商品图审核怎么自动化?规则引擎、人工复核与发布门禁
java·前端·自动化
why技术18 小时前
AI 写的文章,可能都带着手敲一遍都去不掉的“隐形水印”。
前端·人工智能·后端
愚公搬代码19 小时前
【愚公系列】《Android应用案例开发大全》016-LBS类应用掌上杭州(辅助工具类的开发)
android·前端
CodeSheep19 小时前
又一个华为天才少年,离职了!
前端·后端·程序员
kyriewen19 小时前
面试官说"打开你的AI工具"——我才发现,他考的根本不是写代码
前端·人工智能·面试
IT_陈寒20 小时前
Vue的双向绑定把我坑惨了,原来这个场景不能用
前端·人工智能·后端