fix(DatePicker2): after entering a customized date format and pressin…

…g Enter, the value should not change,closed #4896
alibaba-fusion · Oct 21, 2024 · e74ab40 · e74ab40
1 parent 836eeb6
commit e74ab40
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 1 deletion.
diff --git a/components/date-picker2/__tests__/index-spec.js b/components/date-picker2/__tests__/index-spec.js
@@ -1232,6 +1232,31 @@ describe('Picker', () => {
             findInput(0).simulate('keydown', { keyCode: KEYCODE.SPACE });
             assert(getStrValue(wrapper).join(',') === '2020-11-11 ,');
         })
+
+        // fix https://github.com/alibaba-fusion/next/issues/4896
+        it('After entering a customized date format and pressing Enter, the value should not change', () => {
+            function App() {
+                const [value, setValue] = useState('');
+                return (
+                    <DatePicker
+                        defaultVisible
+                        value={value}
+                        format={'DD/MM/YYYY'}
+                        outputFormat="YYYY-MM-DD"
+                        onChange={v => {
+                            setValue(v),
+                                assert(
+                                    v === dayjs('12/02/2020', 'DD/MM/YYYY').format('YYYY-MM-DD')
+                                );
+                        }}
+                    />
+                );
+            }
+            wrapper = mount(<App />);
+            changeInput('12/02/2020');
+            findInput().simulate('keydown', { keyCode: KEYCODE.ENTER });
+            assert(getStrValue(wrapper) === '12/02/2020');
+        });
     });
 });
 

diff --git a/components/date-picker2/picker.jsx b/components/date-picker2/picker.jsx
@@ -440,7 +440,7 @@ class Picker extends React.Component {
         const isTemporary = showOk && !forceEvents.includes(eventType);
 
         // 面板收起时候，将值设置为确认值
-        v = eventType === 'VISIBLE_CHANGE' ? value : this.checkValue(v, !isTemporary);
+        v = eventType === 'VISIBLE_CHANGE' ? value : this.checkValue(v, !isTemporary, format);
 
         this.setState({
             curValue: v,