element plus 日期选择器,禁用今天之前的时间

 <el-form-item label="实际领料日期" class="form-item">
              <el-date-picker
                :disabled="!!purchasePlan.editShoe"
                style="width: 180px"
                v-model="PickingFrom.pickingTime"
                type="date"
                placeholder="Pick a day"
                format="YYYY/MM/DD"
                value-format="YYYY-MM-DD"
                :disabled-date="disabledDate"
              />
            el-form-item>
<script lang="ts" setup>
const disabledDate = (time: Date) => {
  return time.getTime() < Date.now()
}
</script>

或者第二种方式

<el-date-picker
              v-model="date"
              type="date"
              placeholder="请选择日期"
              :size="'mini'"
              :disabled-date="setDisableDate"
              style="width: 140px"
            />
const setDisableDate = (v) => {
  return (
    v.getTime() < new Date().getTime() - 24 * 60 * 60 * 1000 * 365 * 2 ||
    v.getTime() > new Date().getTime()
  )
}```

你可能感兴趣的:(vue.js,elementui,前端)