Skip to content

日期选择器组件禁用过去时间

html
<el-date-picker
  v-model="form.dateTime"
  type="daterange"
  format="yyyy-MM-dd"
  value-format="yyyy-MM-dd"
  range-separator="至"
  start-placeholder="开始时间"
  end-placeholder="结束时间"
  :picker-options="{
    disabledDate: (time) =>
      time.getTime() < new Date(new Date().setHours(0, 0, 0, 0)),
  }"
>
</el-date-picker>

// 上面这个代码直接用就行,picker-options就是制定规则的