它用于編輯通過 API 獲取的記錄。其中有 2 個欄位是日期欄位。來自 API 的資料位于“2021-07-30T20:34:40.545Z”中，其中輸入欄位顯示帶有日歷圖示的 dd-mm-yyyy。顯示所有其他文本欄位，但未顯示日期。
我試過以下
<div className='col text-left'>
<label htmlFor='RegistrationDate' className='text-left'>
Registration Date
</label>
<input
type='date'
name='RegistrationDate'
className='form-control'
value={new Date(RegistrationDate).toLocaleDateString('en-GB')}
onChange={handleChange}
/>
</div>
uj5u.com熱心網友回復：
要將日期轉換為yyyy-mm-dd格式，這是輸入日期元素接受的唯一格式，您可以使用瑞典語語言環境。
registrationDate.toLocaleDateString('sv-SE')
請參閱：將 JavaScript 日期格式化為 yyyy-mm-dd
uj5u.com熱心網友回復：
使用 'toISOString().substring(0,10)' 獲取 'yyyy-mm-dd' 然后將其傳遞給 value ：
const RegistrationDate = new Date("2021-07-30T20:34:40.545Z")
.
.
.
<input
type="date"
name="RegistrationDate"
className="form-control"
value={RegistrationDate.toISOString().substring(0, 10)}
onChange={handleChange}
/>
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/494366.html
標籤：javascript 反应 日期