日期不会填入表格

Question

我目前正在尝试设置一个我从 PSQL 中提取的日期，看起来像， 2023-04-05T05:00:00.000Z，但我想将此日期放在格式为 mm/dd/yyyy 的日期表单中。我想我需要这样做：

    const dateOfOrder = dateObj.toLocaleDateString('en-US', {
        month: '2-digit',
        day: '2-digit',
        year: 'numeric'
    });

这确实给了我想要的东西，但是当我将 dateOfOrder 作为“日期”类型的输入表单的值时，没有任何变化，但如果类型是“文本”，那么它就会出现。任何帮助将不胜感激！

function JobForm({ job}) {
    const dateObj = new Date(job.date_of_order);
    const dateOfOrder = dateObj.toLocaleDateString('en-US', {
        month: '2-digit',
        day: '2-digit',
        year: 'numeric'
    });
    return (
        <Form>
            <Form.Group>
                <Form.Label htmlFor="TransportDate">Date</Form.Label>
                <input type="date" className="form-control" id="TransportFrom" required value={dateOfOrder}></input>
            </Form.Group>
</Form >
    )
}