From 7957e12ec99a8d4f12b2d98cf8b6d14b06b8ee7f Mon Sep 17 00:00:00 2001
From: danshihao <danshihao@syxysoft.com>
Date: Sun, 7 Apr 2024 15:12:33 +0800
Subject: [PATCH] =?UTF-8?q?[update=20=E6=97=A5=E6=9C=9F=E5=A4=9A=E9=80=89]?=
 =?UTF-8?q?=20=E5=A4=84=E7=90=86=E5=A4=9A=E9=80=89=E6=97=A5=E6=9C=9F?=
 =?UTF-8?q?=E4=B8=8D=E6=98=BE=E7=A4=BA=E5=88=A0=E9=99=A4=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/JMultipleDatePicker.vue | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/components/JMultipleDatePicker.vue b/src/components/JMultipleDatePicker.vue
index 70f100fd..e4224d0d 100644
--- a/src/components/JMultipleDatePicker.vue
+++ b/src/components/JMultipleDatePicker.vue
@@ -8,6 +8,7 @@
     @openChange="handleOpenChange"
     @change="handleChange"
     style="width: 100%"
+    :value="firstValue"
     v-bind="$attrs"
   >
     <template slot="dateRender" slot-scope="current">
@@ -50,7 +51,8 @@ export default {
   data () {
     return {
       open: false,
-      checkedValue: []
+      checkedValue: [],
+      firstValue: null // 多选中第一个日期，用于触发显示删除按钮
     }
   },
   methods: {
@@ -103,6 +105,7 @@ export default {
     handleChange (val) {
       console.log('-handleChange-----', val)
       if (!val) {
+        this.firstValue = null
         this.checkedValue = []
         this.$emit('change', this.checkedValue.join(','))
       }
@@ -113,6 +116,10 @@ export default {
         return true
       }
     },
+    // 日期面板中input绑定事件
+    focusInput (e) {
+      e.target.value = this.checkedValue.join(',')
+    },
     // 点击日期，加日期或者减日期
     clickCalendarDate (current) {
       const currentStr = current.format('YYYY-MM-DD')
@@ -128,8 +135,13 @@ export default {
         console.log('减日期')
         this.checkedValue = this.checkedValue.filter(item => item !== currentStr)
       }
+      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(',')
+        setTimeout(() => {
+          const inputDom = document.getElementsByClassName(this.fieldName + '-drop')[0].children[0].children[0].children[0].children[0].children[0]
+          inputDom.value = this.checkedValue.join(',')
+          inputDom.addEventListener('focus', this.focusInput)
+        })
       })
       this.$emit('change', this.checkedValue.join(','))
     }