ionic-framework - 如何使 ion-datetime 在模式或底部页面 slider 中显示选择器而不是直接显示它

Question

我正在使用 Ionic 6 做一个 ionic 项目，我的表单中需要一个日期时间字段。

<ion-content>
  <ion-grid>
    <ion-row>
      <ion-col>
        <ion-item>
          <ion-label>Available From</ion-label>
          <ion-datetime min="1994-03-14" max="2012-12-09" value="2008-09-02"></ion-datetime>
        </ion-item>
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-content>

根据我在许多来源中搜索到的内容，似乎正确的行为应该是按钮，即单击它时会从页面底部向上显示一个 slider 。选择器显示可滚动的列，可用于单独指定年、月、日、小时和分钟的值。

取而代之的是，我得到的是显示选择器而不是按钮或任何东西。

我错过了什么吗？我尝试了文档中的所有用法示例，所有示例都这样显示。请帮忙。

Answer 1

使用 ion-popover 还是可以的。

<ion-item>
    <ion-label position="stacked">Date of birth</ion-label>
    <ion-input value="{{ user.birthDate | date: 'dd MMM yyyy' }}" id="date"></ion-input>
    <ion-popover trigger="date" >
        <ng-template>
            <ion-datetime presentation="date" [(ngModel)]="user.birthDate" locale="en-US"></ion-datetime>
        </ng-template>
    </ion-popover>
</ion-item>

所有功劳都归功于 Damir Arh，他在此处发布了解决方案:https://www.damirscorner.com/blog/posts/20220107-DatePickerPopupInIonic6.html