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

}

相关推荐
清风细雨_林木木28 分钟前
Vue 2 项目中配置 Tailwind CSS 和 Font Awesome 的最佳实践
前端·css·vue.js
逊嘘32 分钟前
【Web前端开发】CSS基础
前端·css
小宁爱Python32 分钟前
深入掌握CSS Flex布局:从原理到实战
前端·javascript·css
Attacking-Coder42 分钟前
前端面试宝典---webpack面试题
前端·面试·webpack
极小狐1 小时前
极狐GitLab 容器镜像仓库功能介绍
java·前端·数据库·npm·gitlab
程序猿阿伟1 小时前
《Flutter社交应用暗黑奥秘:模式适配与色彩的艺术》
前端·flutter
rafael(一只小鱼)1 小时前
黑马点评实战笔记
前端·firefox
weifont1 小时前
React中的useSyncExternalStore使用
前端·javascript·react.js
初遇你时动了情1 小时前
js fetch流式请求 AI动态生成文本,实现逐字生成渲染效果
前端·javascript·react.js
影子信息2 小时前
css 点击后改变样式
前端·css