如何在get方法React中使用日期从服务器下载数据？

Question

我是 React 新手。找了好几天资料，无果。所以我决定问你我的愚蠢问题。

我在将日期从 DatePicker 转换为我可以在 get 请求中使用的日期格式时遇到问题。我从 https://www.npmjs.com/package/react-datepicker

使用 DatePicker

样本正确 api 调用：

localhost:8080/api/measurement/12374?date=2020-12-13 12:00

但是 DatePicker 中的日期看起来像：

Sun Dec 13 2020 12:00:00 GMT+0100 (Central European Standard Time)

我以日期为例：

let x = new Date();
let x1 = x.toLocaleDateString() + " " + x.toLocaleTimeString();
output: 23/12/2020 09:29:16

但我仍然对日期格式有问题，我也不知道如何正确地传递这个日期来获取方法，因为 http 请求有 % 而不是 "space"

http://localhost:8080/api/measurement/12120?date=23/12/2020%2009:48:15

但是当我使用字符串作为日期时它工作正常并下载数据：

let value = "12374";
let date = "2020-12-13 12:00";
const request = "http://localhost:8080/api/measurement/" + value + "?date=" + date;

有人可以解释一下如何将日期从 DatePicker 转换为这样的格式 2020-12-13 12:00 然后在 get 方法中使用它吗？

如有任何答复，我将不胜感激！谢谢 ;)

Answer 1

您可以为此任务使用 momentjs 来格式化日期。 https://www.npmjs.com/package/moment

import moment from 'moment'

let date = new Date();
let result = moment(date).format('DD/MM/YYYY hh:mm')

输出：2020 年 12 月 23 日 02:23

How to download data from server using date in get methos React?