reactjs - 使用日期 react 预填充日期输入字段

Question

我有一个更新表单，可以在其中更新从后端获取的数据。我有一个日期输入字段，并且有一个“yyyy-mm-dd”格式的日期。我想显示日期字段，其中包含我从后端获取的日期作为初始渲染时的默认日期。我如何在 React js 中实现这一点。

Answer 1

您可以使用 moment 库将日期转换为 moment obj，然后使用 format 方法将其正确设置为输入字段的格式。

const Form = ({ yourDate }) => {
    const [date, setDate] = useState(moment(yourDate).format("YYYY-MM-DD"));

    return <input type="time" value={date} />
}