我正在做一個離子專案，并且有這個錯誤。我有一個按鈕，我想要用戶選擇的列印日期
我的代碼
年齡.component.ts
import { Component, OnInit } from '@angular/core';
import * as moment from'moment';
@Component({
.....
})
export class AgeComponent implements OnInit {
dob:any = '' ;
myDate = {
years: 0,
months:0,
weeks:0,
days:0,
minutes:0,
seconds:0,
}
constructor() { }
calculateAge(){
let todaysDate = moment(new Date());
let dob = moment( new Date(this.dob) );
let duration = moment.duration(todaysDate.diff(dob));
this.myDate.years = duration.years();
this.myDate.months = Math.floor(duration.asMonths());
this.myDate.weeks = Math.floor(duration.asWeeks());
this.myDate.days = Math.floor(duration.asDays());
this.myDate.minutes = Math.floor(duration.asMinutes());
this.myDate.seconds = Math.floor(duration.asSeconds());
}
}
這是我的 age.component.html 代碼
<ion-datetime [(ngModel)]="dob" pickerFormat="MMM DD YYYY"
displayFormat="MMM DD, YYYY" min="1950-01-01" max="2050-01-01"></ion-datetime>
<ion-button (click)="calculateAge()" >Calculate</ion-button>
<span>{{myDate.years}} years</span>
<span>{{myDate.months}} months</span>
<span>{{myDate.weeks}} weeks</span>
<span>{{myDate.days}} days</span>
<span>{{myDate.minutes}} minutes</span>
<span>{{myDate.seconds}} seconds</span>
uj5u.com熱心網友回復：
NaN 錯誤僅在您未從中選擇任何日期時發生ion-datetime。要解決該問題，您只需在變數let dob中添加條件let dob = moment( new Date(this.dob ? this.dob : todaysDate));
TS
calculateAge(){
let todaysDate = moment(new Date());
let dob = moment( new Date(this.dob ? this.dob : todaysDate)); <-- add condition here
let duration = moment.duration(todaysDate.diff(dob));
this.myDate.years = duration.years();
this.myDate.months = Math.floor(duration.asMonths());
this.myDate.weeks = Math.floor(duration.asWeeks());
this.myDate.days = Math.floor(duration.asDays());
this.myDate.minutes = Math.floor(duration.asMinutes());
this.myDate.seconds = Math.floor(duration.asSeconds());
}
這是樣本
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/418008.html
標籤：