uView——uview 日期选择器 u-datetime-picker 设置最小、最大可选择时间

最新推荐文章于 2024-09-06 15:59:52 发布

dbt@L

最新推荐文章于 2024-09-06 15:59:52 发布

阅读量3.1k

点赞数 13

分类专栏： uView 文章标签： uview

本文链接：https://blog.csdn.net/qq_43201350/article/details/135517046

版权

uView 专栏收录该内容

12 篇文章 1 订阅

订阅专栏

<u-datetime-picker
  :show="dateShow"
  v-model="dateValue"
  mode="date"
  :formatter="formatter"
  :maxDate="maxDate"
  :minDate="todayData"
  @confirm="dateConfirm"
  @cancel="dateCancel"
></u-datetime-picker>

  data() {
    return {
      dateShow: false,
       dateValue: Number(new Date()),
    }
  }
  onLoad() {
    // 最小时间
    this.todayData = Date.now();
    // 最大时间
    this.maxDate = Number(new Date("9023-01-01"));
  },
   methods: {
        // 日期选择-确定
    dateConfirm(value) {
      console.log(value, '日期选择-确定')
    },
        // 日期选择-取消
    dateCancel() {
      this.dateShow = false;
    },
        formatter(type, value) {
      if (type === "year") {
        return `${value}年`;
      }
      if (type === "month") {
        return `${value}月`;
      }
      if (type === "day") {
        return `${value}日`;
      }
      return value;
    },
  }