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

复制代码
        <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()

}

相关推荐
QQ511008285几秒前
基于区块链的个人医疗咨询挂号信息系统vue
前端·vue.js·区块链
程序员小寒2 小时前
JavaScript设计模式(八):命令模式实现与应用
前端·javascript·设计模式·ecmascript·命令模式
wgod2 小时前
new AbortController()
前端
UXbot2 小时前
UXbot 是什么?一句指令生成完整应用的 AI 工具
前端·ai·交互·个人开发·ai编程·原型模式·ux
棒棒的唐2 小时前
WSL2用npm安装的openclaw,无法正常使用openclaw gateway start启动服务的问题
前端·npm·gateway
哔哩哔哩技术2 小时前
使用Compose Navigation3进行屏幕适配
前端
Z_Wonderful3 小时前
在 Next.js 中,使用 [id] 或 public 作为文件夹或文件名是两种完全不同的概念,分别对应 动态路由 和 静态资源托管
javascript·网络·chrome
咬人喵喵3 小时前
E2.COOL 平台深度解析:从特效分类到实战操作指南
前端·编辑器·svg
RisunJan4 小时前
Linux命令-named-checkzone
linux·前端
小陈工4 小时前
Python Web开发入门(十):数据库迁移与版本管理——让数据库变更可控可回滚
前端·数据库·人工智能·python·sql·云原生·架构