javascript 日期不会填入表单

iqxoj9l9  于 2023-04-28  发布在  Java
关注(0)|答案(1)|浏览(86)

我目前正试图将从PSQL中提取的日期设置为2023-04- 05 T05:00:00。000 Z,但我想把这个日期在我的日期形式,其格式为mm/dd/yyyy。我想我应该这样做:

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

这确实给予了我想要的,但是当我把dateOfOrder作为类型为“date”的输入表单的值时,什么都没有改变,但是如果类型是“text”,那么它就出现了。任何帮助将不胜感激!!

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 >
    )
}
iibxawm4

iibxawm41#

日期应以YYYY-MM-DD格式输入。参考文件:https://html。spec.whatwg.org/multipage/input.html#date-state-(type=date)
您可以使用子字符串获得该格式并将其设置为值。

const dateOfOrder = job.date_of_order.substring(0, 10);

相关问题