在本地时区打开 ion-datetime答案

【问题标题】：Open ion-datetime in local timezone在本地时区打开 ion-datetime
【发布时间】：2018-09-20 12:41:33
【问题描述】：

我有一个 Ionic 应用程序，它可以动态创建一个有时包含 ion-datetime 的表单。日期时间在表格上也是可选的，所以它没有我设置的初始值。

<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 时间（目前，直到夏令时开始）。

如何获得没有值的 ion-datetime 以打开并显示我当地时区的时间？

【问题讨论】：

标签： ionic-framework timezone

【解决方案1】：

经过大量挖掘......找到了答案。

ion-datetime 显然有一个名为 initialValue 的未记录属性。所以，如果你想获得不同的时区，你可以这样做

.html

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

.ts

this.myInitialTime = localDate

【讨论】：

【解决方案2】：

您可以在使用new Date () 启动formController 时执行此操作，这样它将占用设备的本地时间。

例如：question: new Date()

【讨论】：

通过使用“new Date()”它设置输入的值。该问题是可选的，因此如果用户没有点击界面，则该值仍应为空/空白。