如何在反應中更改日期格式？

Question

我無法更改無法在前端顯示日期的日期格式。

我正在使用 dateformat 包。

import dateFormat from "dateformat";
const EditFinancialInfo = ({ info }) => {
  const [moneyToBePaid, setMoneyToBePaid] = useState({
    dueDate: dateFormat(info.moneyToBePaid.dueDate, "dd-MM-yyyy"),
  })

  return (
    <div>
      <input label="Due" type="date"
        name="dueDate"
        onChange={mtpHandleChange}
        value={moneyToBePaid.dueDate}
      />
    </div>
  )
}

我收到此錯誤

The specified value "15-30-2020" does not conform to the required format, "yyyy-MM-dd"

Answer 1

input type="date"默認格式是YYYY-MM-DD並且無法更改。

您需要重新格式化日期值以匹配輸入日期格式

dueDate: dateFormat(info.moneyToBePaid.dueDate, "yyyy-MM-dd")

Answer 2

這里的問題是你日期的月份，月份必須是從 1 到 12，這意味着一月到十二月，但你的月份是 30，這就是出現這個錯誤的原因