角度日期選擇器問題

Question

我正在為我的表單使用ngbdatepicker 。 我想單獨保存日期。 我需要得到如下日期。

<input class="form-control ngbfield custom-form-control" required [ngClass]="{'is-invalid':f.touched && birthDay.invalid}" placeholder="yyyy-mm-dd" name="dob" [readonly]="true" #birthDay="ngModel" [(ngModel)]="signupModel.birthDay" ngbDatepicker #d1="ngbDatepicker"/>

日期成功通過。 我控制台記錄了以下值。

console.log(this.signupModel.birthDay.year);
console.log(this.signupModel.birthDay.day);
console.log(this.signupModel.birthDay.month);

以上值打印正確。 但我的問題是在終端中發生了錯誤。 請檢查我的屏幕截圖。

我如何糾正這個？

Answer 1

好像你的birthDay變量是用“Date”類型定義的。 原來的JS“Date”對象沒有這些屬性！

ngbdatepicker 使用一個簡單的模型：https ://ng-bootstrap.github.io/#/components/datepicker/examples

Model: {
  "year": 2020,
  "month": 1,
  "day": 16
}

請顯示您對birthDay類型定義。

你應該這樣定義它：

signupModel: {
  /* your properties here */
  birthDay: { year: number, month: number, day: number }
  /* more properties here */
};

現場演示： https : //stackblitz.com/edit/angular-so-4?file=app% 2Fdatepicker-basic.ts