fix the bug that the sheet would display blank after clicking now but…

…ton and switching from date mode to time mode in date time selection sheet
mayswind · Apr 5, 2024 · cb57b21 · cb57b21
1 parent 2229511
commit cb57b21
Showing 1 changed file with 19 additions and 5 deletions.
diff --git a/src/components/mobile/DateTimeSelectionSheet.vue b/src/components/mobile/DateTimeSelectionSheet.vue
@@ -154,9 +154,7 @@ export default {
                         }
                     });
             } else {
-                self.$nextTick(() => {
-                    self.timePickerHolder.setValue(self.timeValues);
-                });
+                self.updateTimePicker(true);
             }
 
             self.$refs.datetimepicker.switchView('calendar');
@@ -169,14 +167,15 @@ export default {
                 this.mode = 'date';
             } else {
                 this.mode = 'time';
+                this.updateTimePicker(true);
             }
         },
         setCurrentTime() {
             this.dateTime = getLocalDatetimeFromUnixTime(getCurrentUnixTime());
             this.timeValues = this.getTimeValues(this.dateTime);
 
-            if (this.timePickerHolder) {
-                this.timePickerHolder.setValue(this.timeValues);
+            if (this.mode === 'time') {
+                this.updateTimePicker(false);
             }
         },
         confirm() {
@@ -273,6 +272,21 @@ export default {
             }
 
             return ret;
+        },
+        updateTimePicker(lazy) {
+            const self = this;
+
+            if (lazy) {
+                self.$nextTick(() => {
+                    if (self.timePickerHolder) {
+                        self.timePickerHolder.setValue(self.timeValues);
+                    }
+                });
+            } else {
+                if (self.timePickerHolder) {
+                    self.timePickerHolder.setValue(self.timeValues);
+                }
+            }
         }
     }
 }