微信小程序中应用van-calendar时加载时间过长,以及设置min-data无效的问题解决

一、我们微信小程序中应用van-calendar时,如果没有设置min-data,那么页面的加载时间会非常长,所以,一定一定要配置min-data
二、vue中min-data的写法是:min-data=“new Date(2023, 0, 1)”,而在小程序中的写法则是min-data=“{{ minData }}”,minData的值为:new Date(2023, 0, 1).getTime()。
注意:
1、minData的值只能在js文件中设置,不能直接写进页面里边,因为页面中不能识别 new Date(),会报错;
2、一定要加上.getTime(),不然也无法生效;

错误一:
<van-calendar
  class="van-calendar"
  show="{{dataPickVisble}}"
  :min-date="minDate"
  bind:confirm="confirmDate"
  bind:close="closeDatePopup"
/>

错误二:
<van-calendar
  class="van-calendar"
  show="{{dataPickVisble}}"
  :min-date="{{ new Date(2023, 0, 1) }}"
  bind:confirm="confirmDate"
  bind:close="closeDatePopup"
/>

错误三:
<van-calendar
  class="van-calendar"
  show="{{dataPickVisble}}"
  :min-date="{{ minDate }}"
  bind:confirm="confirmDate"
  bind:close="closeDatePopup"
/>
data: {
	minDate: new Date(2023, 0, 1)
}

正确写法:

<van-calendar
  class="van-calendar"
  show="{{dataPickVisble}}"
  :min-date="{{ minDate }}"
  bind:confirm="confirmDate"
  bind:close="closeDatePopup"
/>
data: {
	minDate: new Date(2023, 0, 1).getTime()
}
  • 6
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值