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>
相关推荐
橙淮几秒前
jQuery性能优化终极指南
javascript·jquery
小小编程路1 分钟前
增强版 JavaScript 读取 Excel
开发语言·javascript·excel
ID_180079054735 分钟前
淘宝店铺所有商品 API 接口:核心能力与数据返回参考
java·服务器·前端
Hello--_--World11 分钟前
vite:什么是热更新?vite 和 webpack 有什么区别?vite常见配置和优化手段?
前端·webpack·node.js
渡我白衣12 分钟前
定时器与时间轮思想
linux·开发语言·前端·c++·人工智能·深度学习·神经网络
鹏程十八少14 分钟前
13. Android 面了50位Kotlin候选人,这36个语法坑90%的人答不全
前端·后端·面试
Highcharts.js16 分钟前
Highcharts React v5版本迁移的核心注意事项和步骤清单
开发语言·javascript·react.js·前端框架·highcharts
Hello--_--World17 分钟前
Vite:什么是bundleless?哪些要打包,哪些不要打包?依赖预构建是什么?依赖预构建如何减少网络请求的?esbuild 又是什么?
前端·javascript·webpack·vite
Rooting++18 分钟前
vue2+webpack打包优化的相关问题
前端·webpack·node.js
alxraves19 分钟前
超声图像前端信号处理的关键技术
前端·fpga开发·信号处理