el-date-picker如果超过限制跨度则提示

需求:实现日期时间选择组件跨度如果超过限制天数,点击查询则提示超过限制时间

封装一个方法,传入开始和结束时间以及限制天数,如果超过则返回false

复制代码
//计算时间跨度是否超过限制天数
    isTimeSpanWithinLimit(startTime, endTime, limitDays) {
      const startDateTime = new Date(startTime)
      const endDateTime = new Date(endTime)
      const timeDifference = endDateTime - startDateTime
      const daysDifference = Math.floor(timeDifference / (1000 * 60 * 60 * 24))
      return daysDifference <= limitDays
    }
相关推荐
加个鸡腿儿3 分钟前
从"包裹器"到"确认按钮"——一个组件的三次重构
前端·vue.js·设计模式
Kel5 分钟前
深入 OpenAI Node SDK:一个请求的奇幻漂流
javascript·人工智能·架构
子兮曰8 分钟前
AI写代码坑了90%程序员!这5个致命bug,上线就炸(附避坑清单)
前端·javascript·后端
BUG胡汉三17 分钟前
自建在线文档编辑服务:基于 Collabora CODE + Spring Boot + Vue 3 的完整实现
vue.js·spring boot·后端·在线编辑
终端鹿33 分钟前
Vue3 核心 API 补充解析:toRef / toRefs / unref / isRef
前端·javascript·vue.js
英俊潇洒美少年34 分钟前
vue的事件循环
前端·javascript·vue.js
GISer_Jing35 分钟前
Next.js全栈开发实战与面试指南
前端·javascript·react.js
进击的尘埃40 分钟前
WASM 替代服务端的场景探索
javascript
科雷软件测试2 小时前
Midscene.js - AI驱动,带来全新UI自动化体验(安装配置篇)
javascript·人工智能·ui
蜡台2 小时前
Vue 中多项目的组件共用方案
前端·javascript·vue.js·git