From 87271117084dc3ca437cea238d57a065ed28e3cc Mon Sep 17 00:00:00 2001
From: masky5859 <mathsuky2406@gmail.com>
Date: Fri, 13 Dec 2024 23:04:37 +0900
Subject: [PATCH] =?UTF-8?q?fix:=E4=BD=99=E5=88=86=E3=81=AA=E5=A4=89?=
 =?UTF-8?q?=E6=95=B0=E3=82=92=E5=89=8A=E9=99=A4=EF=BC=8C=E6=97=A5=E4=BB=98?=
 =?UTF-8?q?=E3=82=92=E8=B7=A8=E3=81=90=E3=82=88=E3=81=86=E3=81=AA=E5=A4=89?=
 =?UTF-8?q?=E6=9B=B4=E3=81=AB=E5=AF=BE=E5=BF=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../event/EventFormTimeAndPlaceInstant.vue    | 41 +++++++++++--------
 1 file changed, 24 insertions(+), 17 deletions(-)

diff --git a/src/components/event/EventFormTimeAndPlaceInstant.vue b/src/components/event/EventFormTimeAndPlaceInstant.vue
index c5ebe75b..56fc353e 100644
--- a/src/components/event/EventFormTimeAndPlaceInstant.vue
+++ b/src/components/event/EventFormTimeAndPlaceInstant.vue
@@ -77,8 +77,7 @@ export default class EventFormTimeAndPlaceInstant extends Vue {
   private timeStartMem = ''
   private timeEndMem = ''
   private dateDiff = 0
-  private hourDiff = 1
-  private minuteDiff = 0
+  private minuteDiff = 60
 
   @Ref()
   readonly form!: { validate(): void }
@@ -141,25 +140,35 @@ export default class EventFormTimeAndPlaceInstant extends Vue {
 
   public autoFillTimeEnd() {
     if (!this.timeEndMem) {
-      this.hourDiff = 1
-      this.minuteDiff = 0
+      this.minuteDiff = 60
     }
-    const [startHour, startMinute] = this.timeStartMem.split(':').map(Number)
-    let endMinute = startMinute + this.minuteDiff
-    let endHour = startHour + this.hourDiff
 
-    if (endMinute >= 60) {
-      endHour += 1
-      endMinute -= 60
+    let endTime = new Date(this.timeStartInput)
+
+    endTime.setMinutes(endTime.getMinutes() + this.minuteDiff)
+
+    const endHour = endTime.getHours()
+    const endMinute = endTime.getMinutes()
+
+    // 正の向きに日付を跨いだかどうかの判定
+    if (endTime.getDate() - new Date(this.timeStartInput).getDate() > 0) {
+      let startDate = new Date(this.dateEndMem)
+      let endDate = startDate
+      endDate.setDate(startDate.getDate() + 1)
+      this.dateEndMem = endDate.toISOString().split('T')[0]
     }
-    if (endHour >= 24) {
-      endHour -= 24
+    // 負の向きに日付を跨いだかどうかの判定
+    else if (endTime.getDate() - new Date(this.timeEndInput).getDate() < 0) {
+      let startDate = new Date(this.dateEndMem)
+      let endDate = startDate
+      endDate.setDate(startDate.getDate() - 1)
+      this.dateEndMem = endDate.toISOString().split('T')[0]
     }
+
     this.timeEndMem = `${String(endHour).padStart(2, '0')}:${String(
       endMinute
     ).padStart(2, '0')}`
   }
-
   public calcDateDiff() {
     if (this.dateStartMem && this.dateEndMem) {
       const startDate = new Date(this.dateStartMem)
@@ -181,14 +190,12 @@ export default class EventFormTimeAndPlaceInstant extends Vue {
       const endDateTime = new Date(`${this.dateEndMem}T${this.timeEndMem}`)
       const diffInMilliseconds = endDateTime.getTime() - startDateTime.getTime()
       if (diffInMilliseconds > 0) {
-        this.hourDiff = Math.floor(diffInMilliseconds / (1000 * 60 * 60)) % 24
-        this.minuteDiff = Math.floor(diffInMilliseconds / (1000 * 60)) % 60
+        this.minuteDiff = Math.floor(diffInMilliseconds / (1000 * 60))
       } else {
-        this.hourDiff = 0
         this.minuteDiff = 0
       }
     }
-    console.log(this.hourDiff, this.minuteDiff)
+    console.log(this.minuteDiff)
   }
 }
 </script>