我正在使用离子日期时间组件。虽然设置值的能力工作正常,但当我尝试将所选值设置回来时,我很挣扎。
代码如下所示:
<ion-datetime-button datetime="datetime" style="border: 1px solid #AEB1B5"></ion-datetime-button>
<ion-modal [keepContentsMounted]="true">
<ng-template>
<ion-datetime id="datetime" presentation="date" (ionChange)="dateChanged($event)" (value)="calcStartDate()"></ion-datetime>
</ng-template>
</ion-modal>
.ts 文件是
dateChanged(e:any) {
console.log('ionChange fired with date value: ' + e.detail.value);
this.income["Date"] = (new Date(e.detail.value)).getTime()
}
calcStartDate(){
console.log("Start date is:", new Date(this.income.Date))
return new Date(this.income.Date)
}
存储的值是字段“日期”的数字类型,可以与 Firebase 数据存储很好地配合。
使用上面的代码我仍然得到今天的日期而不是保存的值。
角度中的变量需要方括号:
[值]="calcStartDate()">