我如何存储 Ant Design 的时间选择器时间？

Question

这是时间选择器：

<TimePicker
          defaultValue={moment("12:08", format)}
          format={format}
          placeholder="Horário"
        />

我试过

const [time, setTime] = useState("");

同时选择器

onChange={(e) => setTime(e.target.value)}

但它只是returns一个空字符串

Answer 1

onChange 有以下类型。

onChange?: ((value: moment.Moment | null, dateString: string) => void) | undefined

第一个参数是 Moment 类型，第二个是字符串类型。您可以从第二个参数获取时间并将其存储在状态中，或者如果您想在将时间存储在某处之前自定义时间，您可以使用时刻类型值，应用任何自定义逻辑。您正在尝试使用 e.target.value 获取价值。它的 onChange 参数与普通字段不同。希望这能解决您的问题

完整代码

import moment from 'moment';
import { useState } from 'react';
import { TimePicker } from 'antd';

const format = 'HH:mm';

export default function App() {
    const [time, setTime] = useState('12:08');

    return (
        <TimePicker
            format={format}
            value={moment(time, format)}
            placeholder='Horário'
            // onChange?: ((value: moment.Moment | null, dateString: string) => void) | undefined
            onChange={(value, dateString) => {
                console.log('Time', value, dateString);
                setTime(dateString);
            }}
        />
    );
}

我如何存储 Ant Design 的时间选择器时间？

How can i store the Ant Design's Time Picker time?

reactjs

antd