我将 Ionic 6 与 Angular 结合使用。我想要一个用于秒表功能的时间选择器按钮。由于我只需要时间,不需要日期,因此我的 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>
Run Code Online (Sandbox Code Playgroud)
我只是从https://github.com/ionic-team/ionic-docs/blob/v4/src/demos/api/datetime/index.html的官方 ionic 示例中复制粘贴了此片段
上面的代码在该示例中运行良好,该示例基于纯 HTML/JS,使用 @ionic/core@4.7.4/ 但是当我将其插入我的 Ionic6/Angular 代码时,它总是显示带有庞大日历的日期选择器。我不需要日历,也没有屏幕空间。将时间格式更改为类似的格式hh/mm也没有任何效果。
如何让 Ionic 识别我想要的显示格式/选择器格式?