侧边栏壁纸
博主头像
银河小徐博主等级

A Good Boy ⛵️⛵️⛵️

  • 累计撰写 42 篇文章
  • 累计创建 39 个标签
  • 累计收到 14 条评论

目 录CONTENT

文章目录
Vue

Element UI DatePicker 禁用当前日之前的时间

银河小徐
2021-08-26 / 0 评论 / 10 点赞 / 113 阅读 / 578 字 / 正在检测是否收录...
温馨提示:
本文最后更新于 2022-06-04,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

这篇文章主要介绍了 vue element-ui el-date-picker 禁用当日之前时间,文中给大家提供了代码段和截图,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下。

<el-date-picker
  v-model="timingDay"
  :picker-options="expireTimeOption"
  format="yyyy-MM-dd"
  type="date"
  value-format="yyyy-MM-dd"
  placeholder="选择时间"/>

其中 :picker-options="expireTimeOption" 便是限制选择时间的属性,在data中可以这样写

data:{
 return{
   timingDay: '',
   expireTimeOption: {
      disabledDate(date) {
        return date.getTime() < Date.now() - 8.64e7
      }
    }
}

这样便实现了禁用当日之前时间

datepicker

以上所述是小编给大家介绍的vue element-ui el-date-picker限制选择时间为当天之前的代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。

10

评论区