我使用带Angular 的Ionic 6。我想要一个时间选择器按钮来实现秒表功能。因为我只需要时间,而不需要日期,所以我在HTML中有以下内容:
<ion-content [fullscreen]="true">
<ion-list>
<ion-item>
<ion-label>Start Time</ion-label>
<ion-datetime display-format="h:mm A" picker-format="h:mm A" value="1990-02-19T07:43Z"></ion-datetime>
</ion-item>
</ion-list>
</ion-content>
我刚刚从官方的离子样品中复制粘贴了这段代码,地址是https://github.com/ionic-team/ionic-docs/blob/v4/src/demos/api/datetime/index.html
上面的代码在这个基于普通HTML/JS的示例中运行良好,使用@ionic/core@4.7.4/但是当我把它插入到我的Ionic6/Angular代码中时,它总是显示带有庞大日历的日期选择器。我不需要日历,也不需要屏幕空间。将时间格式更改为类似hh/mm
的格式也没有任何效果。
如何让Ionic识别我想要的显示格式/选取器格式?
1条答案
按热度按时间jvidinwx1#
这样试试
默认情况下,ion-datetime将使用locale属性指定的小时周期。例如,如果locale设置为en-US,则ion-datetime将使用12小时周期。
more detail refer the ionic doc
Working example