Ionic ion-datetime始终强制显示日期选取器

5lwkijsr  于 2022-12-08  发布在  Ionic
关注(0)|答案(1)|浏览(210)

我使用带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识别我想要的显示格式/选取器格式?

jvidinwx

jvidinwx1#

这样试试

<ion-datetime presentation="time" displayFormat="h:mm" locale="en-US"></ion-datetime>

默认情况下,ion-datetime将使用locale属性指定的小时周期。例如,如果locale设置为en-US,则ion-datetime将使用12小时周期。
more detail refer the ionic doc
Working example

相关问题