相关疑难解决方法(0)

我正在使用html 5输入元素type=time.问题是它显示时间,12 hours但我希望它在24 hours一天中显示它.我怎样才能达到24小时？这是我的输入字段

<input type="time" name="time" placeholder="hrs:mins" pattern="^([0-1]?[0-9]|2[0-4]):([0-5][0-9])(:[0-5][0-9])?$" class="inputs time" required>

DEMO

这是jsfiddle

想要在HTML 5(HH:MM)中查询24小时时间格式的可能正则表达式.

如果可能的话,请告诉可以在HTML 5的Pattern属性中使用的正则表达式

预计时间为24小时格式(HH不超过23).

亲切的问候,

目前使用的是Timepicker来自 material-ui 的。我将它设置为type="time"允许我使用 AM / PM 选项在 12 小时内选择白天的时间。我想让我的选择器采用 24 小时格式，这将删除 AM/PM 选项。我查看了 material-ui 文档，但找不到任何可以处理此问题的内容。

沙盒

当前代码：

    <form className={classes.container} noValidate>
      <TextField
        id="time"
        label="Alarm clock"
        type="time"
        className={classes.textField}
        InputLabelProps={{
          shrink: true
        }}
        inputProps={{
          step: 900 // 5 min
        }}
      />
    </form>

Stack Overflow 中已经有太多此类老问题了，但现在我想知道有什么新方法可以解决这个问题！

<input type="time">

我们如何将所有浏览器的12 小时格式更改为 24 小时格式？如果只使用 JavaScript而无需任何第三方 JS/Jquery，那就太好了。有人可以帮忙吗？

参考问题：

HTML输入24位格式的时间

html5时间输入显示12小时