问可以将日期解析为字符串

EN

import React, { ChangeEvent, useState } from 'react';
import { Underline } from '../Underline';
import { LabelPosition } from 'inputs/models';
import { Alignment, JustifyContents } from 'layout/models';
import Label from 'inputs/Label';
import { uniqueId } from 'lodash';
import './styles.scss';
import DatePicker from 'react-date-picker';
import { MaskName } from 'inputs/models/MaskName';
import { OnChangeDateCallback } from 'react-calendar';
import { moveSyntheticComments } from 'typescript';

export interface DateProps {
    disabled?: boolean;
    error?: boolean;
    label?: string;
    labelPosition?: LabelPosition;
    value: Date;
    id?: string;
    justify?: JustifyContents;
    align?: Alignment;
    gap?: number;
    mask?: MaskName;
    onChange?: OnChangeDateCallback;
}

export const DateInput = (props: DateProps) => {
    const [date, setDate] = useState(new Date());
    const id = uniqueId('idDate-');

    const handleDate =()=>{
        props.onChange

    }

    return (
        <div
            className="tsr-input-container"
            style={{
                columnGap: props.gap || 20,
                justifyContent: props.justify || JustifyContents.spaceBetween,
                alignContent: props.align || Alignment.center,
                alignItems: props.align || Alignment.center,
            }}
        >
            {props.labelPosition === LabelPosition.Left || props.labelPosition === undefined ? (
                <Label id={props.id || id} text={props.label} />
            ) : (
                <></>
            )}
            <div className="tsr-input">
                <DatePicker
                    openCalendarOnFocus={false}
                    disabled={props.disabled}
                    showLeadingZeros={true}
                    value={props.value}
                    onChange={props.onChange}
                    calendarIcon={
                        <svg style={{ width: '20px', height: '20px' }} viewBox="0 0 24 24">
                            <path
                                fill="gray"
                                d="M9,10H7V12H9V10M13,10H11V12H13V10M17,10H15V12H17V10M19,3H18V1H16V3H8V1H6V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M19,19H5V8H19V19Z"
                            />
                        </svg>
                    }
                    clearIcon={null}
                />

                <Underline />
            </div>
            {props.labelPosition === LabelPosition.Right ? <Label id={props.id || id} text={props.label} /> : <></>}
        </div>
    );
};

  const [value, setValue] = useState('');

 const onChangeDate = (date: string):void => {
       console.log((date as unknown as Date))
       var str = moment(date).format("YYYY-MM-DD HH:mm:ss");
      console.log(str);
      setValue(date)
  }

<DateInput label="Data urodzenia"  onChange={onChangeDate} value={value}/>