Question

我有一个Ionic应用程序，该应用程序动态创建了一个表单，该表单有时包含一个离子日期时间。由于日期时间在表单上也是可选的，因此我没有设置初始值。

<ion-datetime *ngIf="question_definition.component == 'date'"
     displayFormat="DD MMM, YYYY HH:mm"
     pickerFormat="DD MMM YYYY HH:mm"
     [formControlName]="question_definition.question">
</ion-datetime>

当前，当用户点击元素时，数据选择器出现，并使用UTC设置为时间。我在新西兰，希望它使用+12：00时间（目前，直到夏令时开始）。

如何获取不带值的离子日期时间，并在本地时区中显示时间？

Answer 1

使用function OnClientDroppingHandler(sender, eventArgs) { var index = args.get_destinationItem().get_index(); if (index < 8) { alert('you may not drop on the first 7 items'); args.set_cancel(true); } }启动formController时可以执行此操作，这样会占用设备的本地时间。

例如：new Date ()

Answer 2

大量挖掘之后，找到了答案。

ion-datetime 显然具有未记录的属性，称为 initialValue 。因此，如果您想获得其他时区，可以这样做

.html

<ion-datetime [initialValue]="myInitialTime" pickerFormat="HH:mm" [(ngModel)]="myTime"></ion-datetime>

.ts

this.myInitialTime = localDate

在当地时区打开ion-datetime

2 个答案: