element-ui时间设置日期可选范围

最新推荐文章于 2024-06-13 10:34:36 发布

原创最新推荐文章于 2024-06-13 10:34:36 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

vue 同时被 2 个专栏收录

7 篇文章

订阅专栏

element-ui

6 篇文章

订阅专栏

本文详细介绍了Element UI框架中日期选择器组件的使用方法，包括如何设置大小、类型、面板显示方式、时间范围限制等功能，以及如何通过监听change事件实现日期筛选逻辑。文章还提供了具体的代码示例，帮助开发者快速掌握日期选择器组件的配置和使用。

  <el-date-picker
              @change="handleFilter(5)"
              v-model="timeRange"
              size="small"
              type="daterange"
              align="right"
              value-format="yyyy-MM-dd"
              unlink-panels
              range-separator="至"
              start-placeholder="上传时间"
              end-placeholder
              :picker-options="pickerOptions"
            ></el-date-picker>

  data() {
    return {
      pickerOptions: {
        disabledDate(time) {
          var date = new Date("2020-05-01");
          var time1 = date.getTime(); //得到时间戳
          return time.getTime() > Date.now() || time.getTime() < time1;
        }
      }
  }