如何在el-date-picker上实现初始值

本文介绍了如何在Vue项目中为el-date-picker组件设置初始值,通过在data中定义空数组,然后在mounted生命周期钩子中利用getYesterday()方法获取昨天的日期并推入数组,实现日期选择器显示昨天的日期作为默认值。
摘要由CSDN通过智能技术生成

如何在el-date-picker上实现初始值

1.主要在el-date-picker 上添加一个数组 :default-value=“this.searchCriteriaInfo.returnVisit”
 <el-date-picker
    clearable
    v-model="searchCriteriaInfo.returnVisit"
    :default-value="this.searchCriteriaInfo.returnVisit"
    type="daterange"
    placeholder="请选择回访周期"
    class="inputWidth"
    format="yyyy-MM-dd"
    value-format="yyyy-MM-dd"
    @change="returnVisitDateChange"
    start-placeholder="开始日期"
    range-separator="-"
    end-placeholder="结束日期"
    >
  </el-date-picker>
2.在data里面定义 一个空数组
 private searchCriteriaInfo: any = {
   returnVisit: [],
   violationType: ''
 }
3.初始化 时间 页面上就有了初始化的值了
 private mounted() {
   this.initEacharts()
    // 初始化页面上的值
   this.searchCriteriaInfo.returnVisit.push(this.getyesterday(),this.getyesterday())

  }
4.方法用于获取昨天的时间
  // 获取昨天的时间
 private getyesterday() {
   let time = (new Date).getTime() - 24 * 60 * 60 * 1000;
   let yesterday: any = new Date(time);
   let month = yesterday.getMonth();
   let day = yesterday.getDate();
   yesterday = yesterday.getFullYear() + "-" + (yesterday.getMonth() > 9 ? (yesterday.getMonth() + 1) : "0" + (yesterday.getMonth() + 1)) + "-" + (yesterday.getDate() > 9 ? (yesterday.getDate()) : "0" + (yesterday.getDate()));
   return yesterday
 }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值