diff --git a/packages/core/client/src/schema-component/antd/date-picker/DatePicker.tsx b/packages/core/client/src/schema-component/antd/date-picker/DatePicker.tsx index debbd13e94..4a93093675 100644 --- a/packages/core/client/src/schema-component/antd/date-picker/DatePicker.tsx +++ b/packages/core/client/src/schema-component/antd/date-picker/DatePicker.tsx @@ -252,8 +252,9 @@ DatePicker.FilterWithPicker = function FilterWithPicker(props: any) { const value = Array.isArray(props.value) ? props.value[0] : props.value; const compile = useCompile(); const fieldSchema = useFieldSchema(); - const targetPicker = value ? inferPickerType(value, picker) : picker; - const targetDateFormat = getPickerFormat(targetPicker) || format; + const initPicker = value ? inferPickerType(value, picker) : picker; + const [targetPicker, setTargetPicker] = useState(initPicker); + const targetDateFormat = getPickerFormat(initPicker) || format; const newProps = { utc, inputReadOnly: isMobileMedia, @@ -271,13 +272,6 @@ DatePicker.FilterWithPicker = function FilterWithPicker(props: any) { }; const field: any = useField(); const [stateProps, setStateProps] = useState(newProps); - useEffect(() => { - newProps.picker = targetPicker; - const dateTimeFormat = getDateTimeFormat(targetPicker, targetDateFormat, showTime, timeFormat); - newProps.format = dateTimeFormat; - setStateProps(newProps); - }, [targetPicker]); - return (