ionic 5中的反应式日期选择器

Question

我使用了反应形式中的日期选择器

日期选择器离子

这个例子是模板驱动的形式.am使用反应形式.

是否有人使用反应式表单日期选择器。。如何做到这一点？请让我知道我需要(只显示DD-MM-YYYY(并将日期发送到服务器。。。感谢

Answer 1

尝试使用ion-datetime框架日期选择器，而不是本机日期选择器。https://ionicframework.com/docs/api/datetime。您可以使用formControlName获取值。如果您不想修改日期选择器选项，则无需向ts添加方法。只需使用formcontrol即可获取值。

Html

<ion-item class="">
<ion-label class="" position="floating">Date</ion-label>
<ion-datetime formControlName="datePckr" value="{{modifyDate}}"></ion-datetime>
</ion-item>

Ts

import { DatePipe } from "@angular/common";

currentDate: any;

constructor(private datePipe: DatePipe,) {
this.currentDate = new Date();
this.modifyDate = this.datePipe.transform(this.currentDate, "y-M-d");
}

如果要实时检查该值，请添加(ngModelChange)="func($event)"每次都需要发送$event。

Html

<ion-item class="">
<ion-label class="" position="floating">Date</ion-label>
<ion-datetime formControlName="datePckr" value="" 
(ngModelChange)="checkVal($event)></ion-datetime>
</ion-item>

Ts

checkVal(eve: any) {
console.log(eve);   //write here what you want
}