首页 > 其他分享 >van-calendar修改弹窗里选中的日期

van-calendar修改弹窗里选中的日期

时间:2022-09-27 17:33:07浏览次数:41  
标签:van 回显 refs 修改 日期 选中 calendar 弹窗

在编辑的时候,回显业务日期,需要修改弹窗里的日期,因为最小日期是当天,如果前几天选中一个日期,过几天后再次编辑,就无法回显选中了,所以我们先把最小日期改到比较靠前的时间,让组件可以选中:(这里我改到了1990年,这一步很重要,如果选中的日期被禁用了,是无法选中的!!)

 

    <van-calendar
        ref="vanCalendar"
        v-model="isShowDatePopover"
        @confirm="handleDateChange"
        :min-date="new Date('1990-01-01')"
        color="#1989fa"
        :show-confirm="false"
      />

然后再使用官网中给的方法去修改弹窗里选中的日期:

 

 

 先给组件添加ref属性,然后通过this.$refs.xxx.reset(要选择的日期)去修改:

this.$nextTick(() => {
    this.$refs.vanCalendar.reset(new Date(this.model.harvestTime))
})

 

今天是9月20日,上次编辑选择的是16日,回显成功~

 

 

标签:van,回显,refs,修改,日期,选中,calendar,弹窗
From: https://www.cnblogs.com/buluzombie/p/16735321.html

相关文章

  • On_Java_Advanced_Edition
    01枚举类型1.2在枚举类型中添加自定义方法packageorg.example;publicenumRun_RR{YANG("Thisismosthelpful.."),QIAN("ThisisagoodtestofEnum......
  • Calendar:n天前,n个月前,n个年前
    为了删除无用或者时间过长的日志,需要根据日志的名称获取日志信息。而日志的名称往往和日期相关联,如log-20220926,类似以日期为后缀,如何判断日志与当前日期的关系,使用到Calan......
  • 基于el-dialog封装全局弹窗
    dialog<template><div><el-dialogtitle="切换考试"top="9vh":modal="false"width="600px":visible.sync="dialogVisible"@close="close":append-to-body......
  • 直播平台软件开发,audriod studio 两种弹窗方法
    直播平台软件开发,audriodstudio两种弹窗方法一、根据日期判断软件是否超期,超期弹窗,按钮退出程序,不超期继续运行。方法:调用系统当前时期与设定日期进行比较(compareto),如......
  • JavaScript 弹窗
    JavaScript中有三种消息框:警告框、确认框、提示框警告框:用于确保用户可以得到某些信息语法:window.alert("****");确认框:用于验证是否接受用户操作语法:window.con......
  • PAT (Advanced Level) Practice 1003 Emergency 分数 25
    Asanemergencyrescueteamleaderofacity,youaregivenaspecialmapofyourcountry.Themapshowsseveralscatteredcitiesconnectedbysomeroads.A......
  • PAT (Advanced Level) Practice 1002 A+B for Polynomials 分数 25
    Thistime,youaresupposedtofind A+B where A and B aretwopolynomials.InputSpecification:Eachinputfilecontainsonetestcase.Eachcaseoccu......
  • FullCalendar日程管理控件(二)
    1css#calendar{max-width:1100px;margin:20pxauto;}.fc-license-message{display:none;}......
  • 全局右键菜单点击弹窗打开指定报表
    最近收到领导提出的一个需求,大致如下:用户在决策平台使用报表时,如果发现某张报表有问题时可以随时右键进行反馈,信息部在接收到反馈时可以根据用户的反馈快速定位并解决问题......
  • PAT Advanced 1031 Hello World for U(20)
    题目描述:GivenanystringofN(≥5)characters,youareaskedtoformthecharactersintotheshapeofU.Forexample,helloworldcanbeprintedas:hdel......