From ecd16dedad7008db6fe817d354207121e2136401 Mon Sep 17 00:00:00 2001
From: danshihao <danshihao@syxysoft.com>
Date: Sun, 28 Apr 2024 16:05:56 +0800
Subject: [PATCH] =?UTF-8?q?[update]=20=E5=A4=9A=E9=80=89=E6=97=A5=E6=9C=9F?=
 =?UTF-8?q?=E7=BC=96=E8=BE=91=E6=97=B6=E4=B8=8D=E8=83=BD=E6=B8=85=E7=A9=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/JMultipleDatePicker.vue | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/components/JMultipleDatePicker.vue b/src/components/JMultipleDatePicker.vue
index e4224d0d..37c9269c 100644
--- a/src/components/JMultipleDatePicker.vue
+++ b/src/components/JMultipleDatePicker.vue
@@ -40,11 +40,15 @@ export default {
       console.log(val, '----watch--value-------')
       if (!val) {
         this.checkedValue = []
+        this.firstValue = null
         document.getElementById(this.fieldName).children[0].children[0].value = ''
         this.$emit('change', '')
       } else {
         this.checkedValue = val.split(',')
-        document.getElementById(this.fieldName).children[0].children[0].value = val
+        this.firstValue = this.checkedValue[0]
+        this.$nextTick(() => {
+          document.getElementById(this.fieldName).children[0].children[0].value = val
+        })
       }
     }
   },
@@ -56,6 +60,13 @@ export default {
     }
   },
   methods: {
+    // 面板头部切换日期的按钮部分点击事件，切换时会刷新dom，这里每次把刷新后的dom给改回多日期显示
+    calendarHeaderFn () {
+      this.firstValue = this.checkedValue[0]
+      this.$nextTick(() => {
+        document.getElementsByClassName(this.fieldName + '-drop')[0].children[0].children[0].children[0].children[0].children[0].value = this.checkedValue.join(',')
+      })
+    },
     handleOpenChange (open) {
       console.log(open)
       if (open) {
@@ -79,6 +90,9 @@ export default {
             picker.appendChild(outerWrapper)
           }
           setTimeout(() => {
+            // 日期面板头部点击事件(头部切换日期会重新渲染dom，这里绑定事件，头部切换的时候就把值再改回多日期)
+            console.log(`#${this.fieldName} .ant-calendar-header`, document.querySelector(`#${this.fieldName} .ant-calendar-header`))
+            document.querySelector(`#${this.fieldName} .ant-calendar-header`).addEventListener('click', this.calendarHeaderFn)
             document.getElementsByClassName(this.fieldName + '-drop')[0].children[0].children[0].children[0].children[0].children[0].value = this.checkedValue.join(',')
           }, 100)
         })