Question

我是Material UI的新手，目前正在使用datetime进行TextField显示。我在https://material-ui.com/demos/pickers/中测试了代码。符合我们的需求。

但是，我想更改日期格式，但发现它是由<input>元素实现的。
https://github.com/mui-org/material-ui/issues/10251

我可以通过一些示例代码来实现此要求吗？
屏幕上的TextField显示为中文（因为我的区域设置是香港？），我想将其更改为英文显示。此外，日期格式为DD / MM / YYYY HH：SS。我想将其更改为“ DD-MMM-YYYY HH：SS”

TextField with datetime-local on my PC

下面是代码：

    <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,
      }}
    />

顺便说一句，我还测试了Material-ui-picker，它不能满足BI的要求。
任何有关更改TextField日期时间格式的建议均应得到赞赏。

非常感谢您。

Answer 1

await animationView.ScaleTo(0.333);道具是本机var section = document.querySelector('#akkordeon-content1'); collapseSection(section)元素属性。您受到浏览器支持的格式的限制。您有两种选择。

如果您希望使用本机实现，可以提供一个自定义type="datetime-local"道具，该道具可以使用date-fns或moment等库来处理格式。
您可以使用https://github.com/dmtrKovalenko/material-ui-pickers处理框外的格式。

具有特定日期格式的Material-UI文本字段

1 个答案: