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()

}

相关推荐
北辰alk几秒前
Vue 组件 name 选项:不只是个名字那么简单
vue.js
北辰alk2 分钟前
Vue 计算属性与 data 属性同名:优雅的冲突还是潜在的陷阱?
vue.js
北辰alk2 分钟前
Vue 的 v-show 和 v-if:性能、场景与实战选择
vue.js
@大迁世界5 分钟前
TypeScript 的本质并非类型,而是信任
开发语言·前端·javascript·typescript·ecmascript
GIS之路14 分钟前
GDAL 实现矢量裁剪
前端·python·信息可视化
是一个Bug17 分钟前
后端开发者视角的前端开发面试题清单(50道)
前端
Amumu1213819 分钟前
React面向组件编程
开发语言·前端·javascript
计算机毕设VX:Fegn089523 分钟前
计算机毕业设计|基于springboot + vue二手家电管理系统(源码+数据库+文档)
vue.js·spring boot·后端·课程设计
持续升级打怪中41 分钟前
Vue3 中虚拟滚动与分页加载的实现原理与实践
前端·性能优化
GIS之路1 小时前
GDAL 实现矢量合并
前端