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>
相关推荐
idcu4 分钟前
Lyt.js AI:让前端开发进入智能生成时代
前端
idcu5 分钟前
深入 Lyt.js 编译器:.lyt 文件如何增强 HTML 模板能力
前端
即答侠5 分钟前
实时 AI copilot 的 4 级 fallback 设计:用户感知 0 中断,SLA 从 92% 拉到 99.6%
前端·人工智能
无心使然7 分钟前
Openlayers调用ArcGis地图服务之五 —— 要素识别(/identify)
前端·vue.js·数据可视化
Dxy123931021613 分钟前
HTML 如何设置 Div 阴影悬浮边框:从基础到进阶
前端·html·css3
好运的阿财14 分钟前
OpenClaw工具拆解之browser+agents_list
前端·人工智能·机器学习·开源软件·ai编程·openclaw·openclaw工具
JarvanMo21 分钟前
八个开源Flutter应用,让你成为更好的开发者
前端
ZC跨境爬虫27 分钟前
Apple官网复刻第二阶段day_2:(前端模块化还原苹果官网WATCH海报)
前端·ui·重构·html·状态模式
李李李勃谦29 分钟前
Vue3 + Electron + OpenHarmony 跨平台实战:从架构设计到 Markdown 编辑器完整实现
javascript·华为·electron·编辑器·harmonyos
Rabbit_QL30 分钟前
【前端基础】npm install 是干嘛的(带参数 vs 不带参数)
前端·npm·node.js