我正在從一個以日期為引數的 API 中獲取資料，
這個日期來自反應的材料選擇器，日期格式應該是 yyyy-MM-dd，但是當我用我的日期選擇器選擇一個日期時，它會將日期作為
2021 年 10 月 12 日星期二 00:00:00 GMT 0000（格林威治標準時間）我希望 datpiecker 發送的日期是我需要的格式：
yyyy-MM-dd這是我的代碼的一部分：import React, { useState, useCallback, useEffect } from "react"; import DateFnsUtils from "@date-io/date-fns"; import {DatePicker, KeyboardDatePicker,MuiPickersUtilsProvider,} from "@material-ui/pickers"; function ExchangeRate() { const [date, setDate] = useState(moment().format("YYYY-MM-DD")); useEffect(() => { function getExchangeRates(base, currencyCode) { const url = `https://data.fixer.io/api/${date}?&base=USD`; return fetch(url) .then((res) => res.json()) .then(handleAPIErrors) .then((res) => res.rates); return ( </CSelect> <MuiPickersUtilsProvider utils={DateFnsUtils}> <KeyboardDatePicker autoOk label="Material Date Picker" format="yyyy-MM-dd" animateYearScrolling value={date} onChange={date => setDate(date)} /> </MuiPickersUtilsProvider>
uj5u.com熱心網友回復：
您可以使用momentapi URL 中的來格式化您的日期，如下所示：
const url = `https://data.fixer.io/api/${moment(date).format("YYYY-MM-DD")}?&base=USD`;
或者，如果您想在狀態中始終使用該格式存盤日期，您可以onChange按如下方式更改事件：
onChange={date => setDate(moment(date).format("YYYY-MM-DD"))}
在KeyboardDatePicker組件中，formatprop 僅定義日期在該組件中的顯示方式，而不定義它在onChange事件中的使用方式。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/335750.html
下一篇：拆分特定大小的陣列