Merge pull request #2762 from XiaoMi/hotfix/date-pciker/2757

fix(date-picker): 修复受控模式下设置 showTime 后交互和界面问题 (#2757)
XiaoMi · Mar 8, 2024 · 27d080e · 27d080e
2 parents b03249f + 240d02e
commit 27d080e
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 10 deletions.
diff --git a/.changeset/itchy-pigs-promise.md b/.changeset/itchy-pigs-promise.md
@@ -0,0 +1,5 @@
+---
+"@hi-ui/hiui": patch
+---
+
+fix(date-picker): 修复受控模式下设置 showTime 后 Input 框没有实时显示选择的值问题
diff --git a/.changeset/poor-camels-protect.md b/.changeset/poor-camels-protect.md
@@ -0,0 +1,5 @@
+---
+"@hi-ui/date-picker": patch
+---
+
+fix: 修复受控模式下设置 showTime 后 Input 框没有实时显示选择的值问题
diff --git a/packages/ui/date-picker/src/components/root.tsx b/packages/ui/date-picker/src/components/root.tsx
@@ -56,17 +56,19 @@ const Root = ({
 
   useEffect(() => {
     setInputData(
-      value
-        ? parseValue(
-            value,
-            type,
-            weekOffset,
-            typeof format === 'string' ? format : undefined,
-            strideSelectMode
-          )
-        : outDate
+      parseValue(
+        value,
+        type,
+        weekOffset,
+        typeof format === 'string' ? format : undefined,
+        strideSelectMode
+      )
     )
-  }, [value, format, type, outDate, weekOffset, strideSelectMode])
+  }, [value, format, type, weekOffset, strideSelectMode])
+
+  useEffect(() => {
+    setInputData(outDate)
+  }, [outDate])
 
   const onPickerClickEvent = (index: number) => {
     if (disabled) return