微信小程序中应用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(),不然也无法生效;

html 复制代码
错误一:
<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"
/>
javascript 复制代码
data: {
	minDate: new Date(2023, 0, 1)
}

正确写法:

html 复制代码
<van-calendar
  class="van-calendar"
  show="{{dataPickVisble}}"
  :min-date="{{ minDate }}"
  bind:confirm="confirmDate"
  bind:close="closeDatePopup"
/>
javascript 复制代码
data: {
	minDate: new Date(2023, 0, 1).getTime()
}
相关推荐
じòぴé南冸じょうげん1 天前
小程序的project.private.config.json是无依赖文件,那可以删除吗?
前端·小程序·json
2501_916013741 天前
HTTPS 抓包难点分析,从端口到工具的实战应对
网络协议·http·ios·小程序·https·uni-app·iphone
2501_915918411 天前
uni-app 项目 iOS 上架效率优化 从工具选择到流程改进的实战经验
android·ios·小程序·uni-app·cocoa·iphone·webview
00后程序员张1 天前
如何在不同 iOS 设备上测试和上架 uni-app 应用 实战全流程解析
android·ios·小程序·https·uni-app·iphone·webview
微三云-轩1 天前
区块链:重构企业数字化的信任核心与创新动力
人工智能·小程序·区块链·生活·我店
阿隆_趣编程1 天前
为了方便相亲,我用AI写了一款小程序
前端·javascript·微信小程序
2501_915918412 天前
iOS 开发全流程实战 基于 uni-app 的 iOS 应用开发、打包、测试与上架流程详解
android·ios·小程序·https·uni-app·iphone·webview
黑马源码库miui520862 天前
JAVA同城打车小程序APP打车顺风车滴滴车跑腿源码微信小程序打车源码
java·微信·微信小程序·小程序·uni-app
一口十个小甜虾2 天前
微信小程序体验版,当打开调试模式正常访问,关闭之后无法访问
微信小程序·小程序
悟空码字2 天前
微信开放平台第三方平台,可以管理多个微信小程序
微信·小程序·开放平台