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

一、我们微信小程序中应用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"
/>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

data： {
	minDate: new Date(2023, 0, 1)
}
1
2
3

正确写法：

<van-calendar
  class="van-calendar"
  show="{{dataPickVisble}}"
  :min-date="{{ minDate }}"
  bind:confirm="confirmDate"
  bind:close="closeDatePopup"
/>
1
2
3
4
5
6
7

data： {
	minDate: new Date(2023, 0, 1).getTime()
}
1
2
3