离子如何创建日期选择器

Question

你好，我是Ionic的新手，我正在尝试在输入字段中创建日期选择器。类似这样的事情：

我看到了Ionic框架中的文档，但是它们具有另一种形式，无法正常工作https://ionicframework.com/docs/native/date-picker/

Answer 1

这是Ionic的DateTime UI组件。 Ionic DateTime

模板用法示例

反应形式

<form [formGroup]="signupForm">
    <ion-datetime formControlName="signupDate"></ion-datetime>
</form>

和ngModel

<ion-datetime [(ngModel)]="signupDate"></ion-datetime>

Answer 2

使用 ionic v5 和 v4 ，您只需要使用以下模板：-

 <ion-item>
<ion-label>Date</ion-label>
<ion-datetime displayFormat="DD MMMM YY, HH:mm a" min="2000" max="2025">
</ion-datetime>