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

小小前端~

已于 2022-08-01 14:52:35 修改

阅读量6.2k

点赞数 1

文章标签： vue.js elementui 前端

于 2022-06-06 23:13:13 首次发布

本文链接：https://blog.csdn.net/zsj702177/article/details/125156413

版权

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