技术栈

el-date-picker 禁用 之前 和 之后 的时间

yzhouziqi2024-07-09 12:15
复制代码
        <el-date-picker
          v-model="ruleForm.startTime"
          type="date"
          placeholder="请选择"
          format="YYYY-MM-DD"
          value-format="YYYY-MM-DD"
          :disabled-date="pickerOptions"
          clearable
        />

const pickerOptions = (time) => {

if (!tiemFrame.value[0]) return

const popTime = new Date(tiemFrame.value[0].startTime)

const shiftTime = new Date(tiemFrame.value[0].endTime)

return time.getTime() < popTime.getTime() - 8.64e7 || time.getTime() > shiftTime.getTime()

}

上一篇:for nested data item, row-key is required.报错解决
下一篇:用XDR的思路保护API安全
相关推荐
慧一居士
1 分钟前
SVG图片介绍和使用
前端
Rysxt_
3 分钟前
Uniapp全局配置教程
前端·uniapp
阿珊和她的猫
7 分钟前
深入理解与使用 Cookie:Web 开发中的关键机制
前端·状态模式
用户54748759622
9 分钟前
webpack代码分割
前端
简离
12 分钟前
Ant Design Form.Item 多元素场景踩坑指南:自定义onChange导致表单值同步失败解决方案
前端·ant design
JunjunZ
13 分钟前
uniapp实现图片压缩并上传
前端·vue.js
简离
13 分钟前
Nginx限流触发原因排查及前端优化方案
前端·nginx
Jydud
14 分钟前
高性能直播弹幕系统实现:从 Canvas 2D 到 WebGPU
前端·javascript·vue.js
你怎么知道我是队长
14 分钟前
前端学习---HTML---块元素和行内元素
前端·学习·html
热门推荐
01GitHub 镜像站点02【OpenClaw 本地实战 Ep.3】突破瓶颈:强制修改 openclaw.json 解锁 32k 上下文记忆03Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services04AI Agent 平台横评:ZeroClaw vs OpenClaw vs Nanobot05OpenClaw 使用和管理 MCP 完全指南06Clawdbot部署教程:解决‘gateway token missing’授权问题的完整步骤07AI 规范驱动开发“三剑客”深度对比:Spec-Kit、Kiro 与 OpenSpec 实战指南08OpenClaw 安装之(三)DeepSeek模型接入配置和详细配置参数09AI agent:介绍 ZeroClaw 安装,使用10EvoMap 是什么?