Material ui 具有特定日期格式的物料UI文本字段

Material ui 具有特定日期格式的物料UI文本字段,material-ui,Material Ui,我不熟悉材料界面,目前正在使用datetime进行文本字段显示。我在中测试了代码。这符合我们的需要 但是,我想更改日期格式,我发现它是由元素实现的。 我可以用一些示例代码来达到这个要求吗? 我的屏幕上的文本字段显示是中文的(我的区域设置是香港?),我想把它改成英文显示。此外,日期格式为DD/MM/YYYY HH:SS。我想把它改成“DD-MMM-YYYY HH:SS” 代码如下: <TextField id="datetime-local" label=

我不熟悉材料界面,目前正在使用datetime进行文本字段显示。我在中测试了代码。这符合我们的需要

但是,我想更改日期格式,我发现它是由
元素实现的。

我可以用一些示例代码来达到这个要求吗?
我的屏幕上的文本字段显示是中文的(我的区域设置是香港?),我想把它改成英文显示。此外,日期格式为DD/MM/YYYY HH:SS。我想把它改成“DD-MMM-YYYY HH:SS”

代码如下:

    <TextField
      id="datetime-local"
      label="From"
      type="datetime-local"
      defaultValue="2017-05-24T10:30"
      className={classes.textField}
      variant="outlined"
      InputLabelProps={{
        shrink: true,
      }}
    />

    <TextField
      id="datetime-local"
      label="To"
      type="datetime-local"
      defaultValue="2017-05-24T10:30"
      className={classes.textField}
      variant="outlined"
      InputLabelProps={{
        shrink: true,
      }}
    />    

顺便说一句,我还测试了不符合BI要求的材料ui选择器。
任何关于更改TextField日期时间格式的建议都将不胜感激

非常感谢。

type=“datetime local”
属性是本机
元素属性。您受到浏览器支持的格式的限制。你有两个选择

  • 如果您想继续使用本机实现,可以提供一个自定义的
    inputComponent
    prop,它使用诸如date fns或moment之类的库来处理格式设置
  • 您可以使用它来处理框外的格式设置
  • type=“datetime local”
    属性是本机的
    元素属性。您受到浏览器支持的格式的限制。你有两个选择

  • 如果您想继续使用本机实现,可以提供一个自定义的
    inputComponent
    prop,它使用诸如date fns或moment之类的库来处理格式设置
  • 您可以使用它来处理框外的格式设置