From c7dec2b7e7f7f3847d32bc33211ba7e63249c2e2 Mon Sep 17 00:00:00 2001
From: mathsuky <yuida2718@gmail.com>
Date: Fri, 1 Mar 2024 21:57:10 +0900
Subject: [PATCH] =?UTF-8?q?=E8=A4=87=E6=95=B0=E6=97=A5=E3=81=AB=E6=B8=A1?=
 =?UTF-8?q?=E3=82=8B=E3=82=A4=E3=83=99=E3=83=B3=E3=83=88=E9=96=8B=E5=82=AC?=
 =?UTF-8?q?=E6=A9=9F=E8=83=BD=E3=81=AE=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../event/EventFormTimeAndPlaceInstant.vue    | 35 +++++++++++++------
 1 file changed, 25 insertions(+), 10 deletions(-)

diff --git a/src/components/event/EventFormTimeAndPlaceInstant.vue b/src/components/event/EventFormTimeAndPlaceInstant.vue
index cff68f59..441b1b61 100644
--- a/src/components/event/EventFormTimeAndPlaceInstant.vue
+++ b/src/components/event/EventFormTimeAndPlaceInstant.vue
@@ -7,11 +7,12 @@
       :rules="$rules.eventPlace"
     />
     <v-text-field
-      v-model="dateMem"
+      v-model="dateStartMem"
       filled
       label="開催日"
       :rules="$rules.eventDate"
       type="date"
+      @blur="setDefaultDateEnd"
     />
     <v-text-field
       v-model="timeStartMem"
@@ -20,6 +21,13 @@
       :rules="$rules.eventTimeStartInstant(timeEndMem)"
       type="time"
     />
+    <v-text-field
+      v-model="dateEndMem"
+      filled
+      label="終了日"
+      :rules="$rules.eventDate"
+      type="date"
+    />
     <v-text-field
       v-model="timeEndMem"
       filled
@@ -55,18 +63,20 @@ export default class EventFormTimeAndPlaceInstant extends Vue {
   @Prop({ type: Boolean, required: true })
   value!: boolean
 
-  private dateMem = ''
+  private dateStartMem = ''
+  private dateEndMem = ''
   private timeStartMem = ''
   private timeEndMem = ''
 
   @Watch('timeStartInput', { immediate: true })
   private onTimeStartPropChange() {
-    this.dateMem = this.timeStartInput && getDate(this.timeStartInput)
+    this.dateStartMem = this.timeStartInput && getDate(this.timeStartInput)
     this.timeStartMem = this.timeStartInput && getTime(this.timeStartInput)
   }
+
   @Watch('timeEndInput', { immediate: true })
   private onTimeEndPropChange() {
-    this.dateMem = this.timeEndInput && getDate(this.timeStartInput)
+    this.dateEndMem = this.timeEndInput && getDate(this.timeEndInput)
     this.timeEndMem = this.timeEndInput && getTime(this.timeEndInput)
   }
 
@@ -83,18 +93,23 @@ export default class EventFormTimeAndPlaceInstant extends Vue {
     this.form.validate()
   }
 
-  @Watch('dateMem')
+  @Watch('dateStartMem')
   @Watch('timeStartMem')
   private onTimeStartMemChange() {
-    if (this.dateMem && this.timeStartMem) {
-      this.timeStartInput = getIso8601(this.dateMem, this.timeStartMem)
+    if (this.dateStartMem && this.timeStartMem) {
+      this.timeStartInput = getIso8601(this.dateStartMem, this.timeStartMem)
     }
   }
-  @Watch('dateMem')
+
+  private setDefaultDateEnd() {
+    if (!this.dateEndMem) this.dateEndMem = this.dateStartMem
+  }
+
+  @Watch('dateEndMem')
   @Watch('timeEndMem')
   private onTimeEndMemChange() {
-    if (this.dateMem && this.timeEndMem) {
-      this.timeEndInput = getIso8601(this.dateMem, this.timeEndMem)
+    if (this.dateEndMem && this.timeEndMem) {
+      this.timeEndInput = getIso8601(this.dateEndMem, this.timeEndMem)
     }
   }