时间戳

首页 > 解决方案 > 如果值是“”，我如何将日期自动插入到离子日期时间中

typescript - 如果值是“”，我如何将日期自动插入到离子日期时间中

问题描述

我的应用程序中有一个 ion-datetime，它必须有一个值。我的预期行为是离子日期时间中显示的当前时间。然后，用户可以在自动输入离子日期时间后根据需要更改日期。我有关于使用 *ngIf 的想法，但是从模板调用 autodate( index: number ) 方法是个坏主意，并且会导致应用程序崩溃。

html

<ion-item>
  <ion-label position="stacked">Finding Start Date <span style="color:red" >*</span></ion-label>
  <ion-item>
    <ion-datetime 
      displayFormat="YYYY DD MMM" 
      placeholder="Select Date" name="{{itemNew.DateName}}" 
      [(ngModel)]="findingForm[n].DateInput" >
    </ion-datetime>
  </ion-item>
  <div *ngIf="findingForm[n].DateInput">
    date here
  </div>
  <div *ngIf="!findingForm[n].DateInput" >
    no date here 
  </div>
</ion-item>

ts

async autodate( index: number ) {
  this.date = new Date();
  this.date.setDate( this.date.getDate() );
  this.findingForm[index].dateInput = this.date.toString();
}

标签： typescriptionic4

解决方案

您需要确保该name属性与[(ngModel)]

例如：

  <ion-datetime name="date" [(ngModel)]="date" displayFormat="YYYY DD MMM"></ion-datetime>

推荐阅读