如何使 ion-datetime 在模态或底部页面滑块中显示选择器而不是直接显示它

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>

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

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

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

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