iview date-picker options只可选当前日期之前的

Э时间行者于我

于 2024-12-09 09:43:16 发布

阅读量495

点赞数 6

CC 4.0 BY-SA版权

分类专栏： Iview UI 前端文章标签： javascript view design

本文链接：https://blog.csdn.net/qq_45094682/article/details/144338248

前端同时被 2 个专栏收录

24 篇文章

订阅专栏

Iview UI

6 篇文章

订阅专栏

iview date-picker options只可选当前日期之前的

如果日期对象date的时间戳大于当前时间的时间戳，则该日期在当前日期之后，会被禁用。
iview date

<template>
  <Row>
    <Col span="12">
      <DatePicker
         type="datetime"
         :options="options"
         :value="form3.resolutionTime"
         placement="bottom-start"
         placeholder="请选择时间"
         transfer
       ></DatePicker>
    </Col>
  </Row>
</template>
 
<script>
export default {
  data() {
    return {
   	  form3: {
        id: '',
        resolutionTime: '' // 解决时间
      },
      // 定义options限制只能选择当前日期之前的日期
      options: {
        disabledDate(date) {
          return date && date.valueOf() > Date.now();
        }
      }
    };
  }
};
</script>