Reactjs 不带时区的React Material UI日期选择器

我正在尝试开发一个React material ui日期选择器。它在mysql数据库中以时区发布： 2020-08-16T20:06:09.344Z

格式应如下所示： 16.08.2020

如何在React前端或Java后端更改字符串格式？ 在Java和mysql中，日期是一个字符串

导出默认函数Speisereste{ 常量类=使用样式； const[firstLoad，setLoad]=React.useStatetrue； const[datum，setDatum]=React.useStatenew Date； const handleDatumChange=日期=>{ setDatumdate； }; 控制台。日志数据； const[message，setMessage]=React.useStateNothing保存在会话中； 异步函数SampleFunctionInput{ const response=wait fetch/speisereste{ 方法：POST、/*GET、POST、PUT、DELETE等。 模式：cors，//无cors，*cors，相同来源 缓存：无缓存，//*默认值，无缓存，重新加载，强制缓存，仅在缓存时 凭证：相同来源，//包括，*相同来源，省略 标题：{ 内容类型：application/json //“内容类型”：“应用程序/x-www-form-urlencoded”， }, 重定向：follow，//manual，*follow，error 推荐人策略：无推荐人，//无推荐人，*客户 body:JSON.stringifytoInput//body数据类型必须与内容类型头匹配 }; let body=wait response.json； console.logbody.id； setMessagebody.id？数据更新成功：数据更新失败； } const handleSubmit=变量=>{ const toInput={datum}； 样本函数输入； setDatumdatum； }; 如果第一次加载{ //sampleFunc； setLoadfalse； } 回来

---

您可以使用Javascript日期对象：

var d = new Date('2020-08-16T20:06:09.344Z');
console.log(d.getUTCHours()); // Hours
console.log(d.getUTCMinutes());
console.log(d.getUTCSeconds());

或者使用momentjs：

现在您已经有了一段时间的正确格式，如果它有效，请对其进行解析：

var isValidDate = moment(proposedDate).isValid();
// returns true if valid and false if it is not.

要获得时间部分，您可以执行以下操作：

var momentDate = moment(proposedDate)
var hour = momentDate.hours();
var minutes = momentDate.minutes();
var seconds = momentDate.seconds();

// or you can use `.format`:
console.log(momentDate.format("YYYY-MM-DD hh:mm:ss A Z"));

---

抱歉，它不起作用。我只想要日期，而不是我发布到数据库的时间

导出默认函数Speisereste{ 变量d=新日期'dd/MM/yyyy'； 常量类=使用样式； const[firstLoad，setLoad]=React.useStatetrue； const[speisen，setSpeisen]=React.useState； const[部门，设置部门]=React.useState； const[gewicht，setGewicht]=React.useState； const[grund，setGrund]=React.useState； const[datum，setDatum]=React.useStated； const handleDatumChange=日期=>{ setDatumdate； }; 控制台。日志数据； const handleSpeisenChange=event=>setspeisevent.target.value； const handleDepartmentChange=event=>setDepartmentevent.target.value； const handleGewichtChange=event=>setGewichtevent.target.value； const handleGrundChange=event=>setGrundevent.target.value； const[message，setMessage]=React.useStateNothing保存在会话中； 异步函数SampleFunctionInput{ const response=wait fetch/speisereste{ 方法：POST、/*GET、POST、PUT、DELETE等。 模式：cors，//无cors，*cors，相同来源 缓存：无缓存，//*默认值，无缓存，重新加载，强制缓存，仅在缓存时 凭证：相同来源，//包括，*相同来源，省略 标题：{ 内容类型：application/json //“内容类型”：“应用程序/x-www-form-urlencoded”， }, 重定向：follow，//manual，*follow，error 推荐人策略：无推荐人，//无推荐人，*客户 body:JSON.stringifytoInput//body数据类型必须与内容类型头匹配 }; let body=wait response.json； console.logbody.id； setMessagebody.id？数据更新成功：数据更新失败； } const handleSubmit=变量=>{ const toInput={speisen，department，gewicht，grund，datum}； 样本函数输入； 塞斯佩森； 教育部； 塞吉威奇； 塞特格兰德； setDatumdatum； }; 如果第一次加载{ //sampleFunc； setLoadfalse； } 回来 Speisereste分析应用程序 盖威奇 0.5公斤 1.0公斤 1.5公斤 2.0公斤 2.5公斤 3.0公斤 尼德拉松 AWKG SWG 智慧 格伦德 奥斯加贝 磁流体 祖维尔·普罗杜泽特 拯救 视图Sp 艾塞雷斯特唱片公司 查看帮助 状态：{message} ;

---

}对不起，它坏了。我只想要日期而不是我发布到数据库的时间，

var momentDate = moment(proposedDate)
var hour = momentDate.hours();
var minutes = momentDate.minutes();
var seconds = momentDate.seconds();

// or you can use `.format`:
console.log(momentDate.format("YYYY-MM-DD hh:mm:ss A Z"));