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

Mr. X

发布于：2020-01-06

Vue

0 条评论

字数统计：231字

阅读时长≈ 1分钟

这篇文章主要介绍了 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
      }
    }
}