小编Vla*_* SD的帖子

MUI X DatePicker 格式化和设置默认值问题

我遇到了一些问题,但我没有找到解决方案。\nMUI X DatePicker(带有 Material UI)似乎有一种默认格式,用于将日期显示为

\n
Fri Oct dd yyyy HH:MM:SS GMT+HHMM (name of timezone here)\n
Run Code Online (Sandbox Code Playgroud)\n

但是,我需要能够传递以下格式的日期

\n

yyyy-MM-ddThh:MM:ss+HH:mm这是(Date)T(Time)+(Timezone)

\n

到组件,然后以相同的格式返回提交。

\n

在某些情况下,此日期时间选择器的值未设置,在某些情况下则已设置。而且我不确定如何获得我需要的格式,因为我无法控制收到的日期格式。

\n

该组件似乎可以解析我提供的数据,并设置正确的值,但新数据(如果值发生变化)确实采用不同的格式。

\n

编辑:上面只是一个简单的例子。

\n
Data I get: 2020-10-11T15:56:28+11:00\n
Run Code Online (Sandbox Code Playgroud)\n

组件输出的数据:{ "$L": "en", "$u": undefined, "$d": Date Sun Oct 11 2020 15:56:28 GMT+1100 (Australian Eastern Daylight Time), "$x": {}, "$y": 2020, "$M": 9, "$D": 11, "$W": 0, "$H": 15, "$m": 56, \xe2\x80\xa6 }

\n

DateTimePicker的相关代码:

\n
import React from 'react';\nimport TextField from '@mui/material/TextField';\nimport …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs material-ui mui-x mui-x-date-picker

6
推荐指数
2
解决办法
4万
查看次数