Vant一些使用问题记录

avatar 2022年08月26日10:03:53 0 3649 views
博主分享免费Java教学视频,B站账号:Java刘哥 ,长期提供技术问题解决、项目定制:本站商品点此

 最近在开发移动端项目

在做测试应对,记录一下问题

1、日历 van-calendar 不能选择昨天之前的日期

解决方案:

https://vant-ui.github.io/vant-weapp/#/calendar

默认最小值是当前日期,最大值是6个月后

所以需要单独设置最小值和最大值

 <van-calendar v-model="showEndTime" type="range"  
 :min-date="minDate" :max-date="maxDate" 
 :round="false" position="right" color="#1989fa" @confirm="endTimeConfirm" />

 

minDate: new Date(1900, 1, 1,0,0,0),
maxDate: new Date(2099, 12, 31,59,59,59)

 

2、输入框 van-field 文字太长会隐藏

解决方案:

https://vant-ui.github.io/vant-weapp/#/field

类型改成textarea

加一行代码:type="textarea" autosize rows="1"

    <van-field
              v-model="fillDetailForm.formName"
              name="表单名称"
              label="表单名称"
              type="textarea" autosize rows="1"
            />

 

3、IOS版本 van-datetime-picker 时间不能选择问题

直接上代码

// iOS 不支持以中划线分隔的日期格式,正确写法是new Date('2020/01/01')
this.maxDate = new Date(params.endTime.replace(/-/g,"/"))

 

持续更新

 

  • 微信
  • 交流学习,服务定制
  • weinxin
  • 个人淘宝
  • 店铺名:言曌博客咨询部

  • (部分商品未及时上架淘宝)
avatar

发表评论

avatar 登录者:匿名
匿名评论,评论回复后会有邮件通知

  

已通过评论:0   待审核评论数:0