如何使用ionic显示当前日期和时间

Question

这里我正在尝试使用离子框架开发一个移动应用程序。我想在我的申请中设置当前的时间和日期。但它没有起作用。有人能帮我解决这个问题吗？这是我的密码。

HTML代码

<ion-datetime
#dateTime
displayFormat="MMM DD, YYYY HH:mm"
formControlName="myDate"></ion-datetime>

ts。代码

export class App{
@ViewChild('dateTime') dateTime;
form: FormGroup
myDate: FormControl = new FormControl('', Validators.required)
constructor(private fb: FormBuilder) {}
ngOnInit() {
this.form = this.fb.group({
myDate: this.myDate
});
setTimeout(_ => {
this.dateTime.setValue(new Date().toISOString());
});
}
}

Answer 1

您是否尝试使用[value]属性而不是ViewChild？尝试这样做：

<ion-content>
<ion-datetime [value]="dateTime" displayFormat="MMM DD, YYYY HH:mm" ></ion-datetime>
</ion-content>

并且在您的ts文件中：

dateTime;
constructor() { }
ngOnInit() {
setTimeout(() => {
this.dateTime = new Date().toISOString();
});
}

这对我来说很成功！

Answer 2

我尝试了从谷歌找到的另一个代码，它运行得很好。这是代码；

HTML

<ion-item>
<ion-datetime min="2021" max={{currentDate}} displayFormat= "DD/MM/YYYY  h:mm A" 
[(ngModel)]="chosenDate"></ion-datetime>
</ion-item>
<p> Current date is {{currentDate}}</p>
<p> Chosen date is {{chosenDate}}</p>

ts.code

export class App implements OnInit {
public currentDate: String;
public chosenDate: String;
constructor(public navCtrl: NavController,private platform:Platform) {
this.currentDate = (new Date()).toISOString();
this.chosenDate = this.currentDate;
});
}
}

Answer 3

要显示当前日期，请尝试此操作。

主页.ts

export class HomePage {
public currentDate: string;
constructor() {
this.currentDate = (new = Date()).toISOString();
}
}

home.html

<ion-item>
<ion-label>Current date is {{currentDate | date: 'dd/MM/yyyy'}}</ion-label>
</ion-item>