<el-date-picker
                        v-model="editForm.offlineTime"
                        type="date"
                        placeholder="选择日期"
                        style="width: 150px"
                        :picker-options="{
                          disabledDate: (time) =>
                            time.getTime() <
                            new Date(new Date().setHours(0, 0, 0, 0))
                        }"
                      >
                      </el-date-picker>

效果

使用了 new Date(new Date().setHours(0, 0, 0, 0)) 获取了当天的开始时间,然后将选择的时间与之比较,如果小于当天的开始时间,则禁用该日期。 

如果是今天也不可以选的话,可以按照下面这么写

<el-form-item label="下线时间">
  <el-date-picker
    v-model="editForm.offlineTime"
    type="date"
    placeholder="选择日期"
    style="width: 150px"
    :picker-options="{ disabledDate: time => time.getTime() < Date.now() }"
  >
  </el-date-picker>
</el-form-item>

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐