Ionic 离子6：离子日期时间打开移动的设备上的键盘

au9on6nz 于 2022-12-09 发布在 Ionic

关注(0)|答案(1)|浏览(160)

我使用的是Ionic 6中的ion-datetime组件，带有离子/Angular 。时间选择器打开，弹出窗口显示两个ion-picker-internal，用于选择小时和分钟。您可以上下滑动以选择所需的值。如果点击当前选择的值，则数字键盘打开，这看起来非常笨拙和混乱。
我知道有一个X1 E0 F1 X，当在屏幕边缘时，Popover没有完全显示。当键盘打开时，这种情况会发生，使问题更加严重。
See screenshot
我的目标是一开始就不打开键盘。
这是我的应用程序中使用的ion-datetime的HTML代码片段：

<ion-datetime name="startDate"
                                [(ngModel)]="inputActivity.startDate"
                                presentation="date-time"
                                required="true"
                                class="ion-no-padding"
                                slot="content"
                  ></ion-datetime>

我已经研究了离子日期时间和键盘相关的文档。设置inputmode="none"没有帮助。
这里有一个Plunkr来重现这个问题（没有Angular ，只有离子）。这个问题发生在iOS和Android上。你可能需要在一个单独的标签中打开预览才能使用。

ionic-framework

来源：https://stackoverflow.com/questions/72788326/ionic-6-ion-datetime-opens-keyboard-on-mobile-device

1条答案

按热度按时间

mbyulnm01#

试试这个

<ion-item button="true" id="open-date">
<ion-icon name="calendar-outline" slot="start"></ion-icon>
<ion-label>{{inputActivity_startDate | date: 'dd/MM/yyyy H:mm' }}</ion-label>
<ion-popover trigger="open-date">
  <ng-template>
    <ion-datetime
      required="true"
      class="ion-no-padding"
      presentation="time-date"
      min="1950-01-01" max="2050-01-01"
      [(ngModel)]="inputActivity_startDate"
      displayFormat="D MMM YYYY H:mm"
      show-default-buttons="true"
    ></ion-datetime>
  </ng-template>
</ion-popover>

并在.ts文件中将inputActivity.startDate更改为inputActivity_startDate

赞(0）回复(0）举报 2022-12-09

我来回答

Ionic 离子6：离子日期时间打开移动的设备上的键盘

1条答案

相关问题

热门标签

最新问答