<input type="datetime-local"> 在app端里面时间为什么不是24小时制，而在浏览器是24小时制？

Question

在 浏览器 中显示

在 App 里面显示为上午和下午

---

问题更新

现在用 ion-datetime 组件可以在 App 端上实现 24 小时制，但是点击时不流畅。

点击取消和确定的时候接着点击下面的 ion-datetime 组件没有效果，需要 1-2 秒的延迟才能点击，这个要怎么优化。

组件链接 ion-datetime: Ionic API Input for Datetime Format Picker

Answer 1

datetime-local 类型受限于浏览器支持，并且不同浏览器在输入方法上存在差异，目前最好是使用第三方框架或库来展示，或者实现一个自己的输入控件。另一个方法是拆分为 date 和 time 输入控件，这两个的支持都比 datetime-local 更广泛。

我本地的时间格式设置是一样的, 但是浏览器支持的就完全不一样
这个是edge:

这个是火狐:

本地设置为上下午格式火狐又不显示了....:

Answer 2

这个应该和设备的时间格式有关，你看下你装app的时间格式是怎么设置的

Answer 3

是不同浏览器之间的实现不同。如果想要有一致的展现形式，请使用UI库里面封装好的日期组件。
当然你也可以自己实现一个。