From 8f72b775fc4b3cf1d79d4f31583513b89cb98f11 Mon Sep 17 00:00:00 2001
From: lideqin <694785430@qq.com>
Date: Wed, 21 Feb 2024 10:38:35 +0800
Subject: [PATCH] =?UTF-8?q?[update]=20=E4=BF=AE=E6=94=B9bug81904?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/CalendarField.vue | 23 +++++++++++++----------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/components/CalendarField.vue b/src/components/CalendarField.vue
index 8f2cb6c..e6cf376 100644
--- a/src/components/CalendarField.vue
+++ b/src/components/CalendarField.vue
@@ -14,25 +14,26 @@
       v-on="childListeners"
       @click="clickField"
     />
+    <!--  使用lazy-render会在进入流程详情页时就卡顿  -->
     <van-popup
       v-model="showCalendar"
       position="bottom"
       closeable
       round
       safe-area-inset-bottom
-      close-on-click-overlay
       close-on-popstate
     >
       <van-calendar
-          color="#3074F6"
-          :poppable="false"
-          :min-date="minDate"
-          :max-date="maxDate"
-          @confirm="onConfirm"
-          :style="{ width: '100%', height: '80vh' }"
+        color="#3074F6"
+        :poppable="false"
+        :min-date="minDate"
+        :max-date="maxDate"
+        lazy-render
+        @confirm="onConfirm"
+        :style="{ width: '100%', height: '80vh' }"
       />
     </van-popup>
-        <!--  上面的方法只有第一次加载的时候卡，之后加载不会卡  -->
+        <!--  上面的方法只有第一次加载的时候卡，之后加载不会卡，因为日历不会再次渲染  -->
 <!--    <van-calendar-->
 <!--      color="#3074F6"-->
 <!--      v-model="showCalendar"-->
@@ -66,8 +67,10 @@ export default {
   data () {
     return {
       showCalendar: false,
-      minDate: new Date(2000, 0, 1),
-      maxDate: new Date(2300, 0, 1) // 设置时间可选日期时间跨度太大的话显示和隐藏日历很卡
+      // minDate: new Date(new Date().getFullYear() - 50, 0, 1),
+      // maxDate: new Date(new Date().getFullYear() + 50, 0, 1)
+      minDate: new Date(1949, 0, 1),
+      maxDate: new Date(2100, 0, 1) // 设置时间可选日期时间跨度太大的话显示和隐藏日历很卡
     }
   },
   computed: {