离子2:将日期时间值设置为空

时间:2017-07-26 13:13:39

标签: angular date ionic2

我尝试使用带有离子的日期选择器,我不知道如何清除输入中的值。

我想在列表中添加一个值来表示“null”值:如下所示:

enter image description here

有我的代码:

<ion-item>
      <ion-label>Année</ion-label>
      <ion-datetime [(ngModel)]="year" doneText="Valider" cancelText="Annuler" displayFormat="YYYY"></ion-datetime>
    </ion-item>

1 个答案:

答案 0 :(得分:3)

您可以清除click按钮(cancelText)的cancel上的值。

<强> HTML:

<ion-item>
      <ion-label>Année</ion-label>
      <ion-datetime [(ngModel)]="year" (ionCancel)="clear()" doneText="Valider" cancelText="Annuler" displayFormat="YYYY"></ion-datetime>
</ion-item>

<强> TS:

clear() {
    this.year = null;
}