Ionic 5，ion-datetime 组件不选择日期范围

Question

我正在使用带有

ion-datetime

组件的 Ionic 5。我的要求是选择 2 个日期，但由于某些原因，该组件不允许我选择多个日期。下面是我的代码：

<ion-row>
  <ion-col class="ion-text-center">
      <ion-datetime presentation="date" multiple="true" preferWheel="false" [(ngModel)]="packageEstimatedDated"></ion-datetime>
  </ion-col>
</ion-row>

Answer 1

多个日期选择仅适用于 ionic v6 或更高版本，您可以从此处查看 v5 文档。

为了实现这一目标，我更希望您升级到 v6，或者您可以使用像

ion2-calendar

这样的第三方库，您可以查看这篇文章

Answer 2

ion-datetime 组件不允许选择日期范围，尽管 Ionic 有一个 功能请求 将此选项添加到组件中。目前该组件只允许选择多天，但用户必须每天点击想要选择的日期。

有第三方组件提供此功能，例如 ion2-calendar 或 Ion Range Calendar （适用于 @ionic/angular >= 7）。在导入项目之前检查组件要求。