Question

我使用Ionic创建一个移动应用程序，我有一个小问题，我会向你解释。

我有一个离子日期时间输入。当我打开选择器时，选择器上的默认值比实时延迟一个小时。当我使用DatePipe显示日期时，该值是正确的。

如何更改ion-datetime输入的配置以显示Date的本地值而不是UTC值？

例如：
- 我电脑上的当前日期时间为17h18 - 打开datetimepicker时的默认值是16h18 - 使用选择器选择日期时间后，DatePipe的值显示为17h18。

如何为所有人提供相同的价值？

我告诉你我的离子日期时间输入：

      <ion-datetime displayFormat="DD/MM/YYYY HH:mm" 
                    pickerFormat="DD/MM/YYYY HH:mm" 
                    min="1900" 
                    max="2100-12-31" 
                    formControlName="datetime" 
                    [(ngModel)]="rendezvous.datetime" 
                    cancelText="Annuler" 
                    doneText="Valider">
      </ion-datetime>

以及如何使用DatePipe显示日期：

  <ion-item>
            Le {{rendezvous.datetime | date: "d/MM/y"}} à {{rendezvous.datetime | date: "HH:mm"}}
  </ion-item>

问我是否需要更多信息非常感谢您的回答。

Answer 1

Duquesne按照以下链接为您的目的，您将得到新想法和新事物的答案。

<强> NgBootstrap datepicker

此链接将为您提供日期选择器的知识以及可能在将来帮助您的更多UI组件，例如。

日期选择器
手风琴
警报
按钮
传送带
收起
日期选择器
下拉
模态
分页
酥料饼
进度
评分
标签
Timepicker
工具提示
事先键入的内容

如何在Ionic中将日期时间选择器配置从UTC设置为本地？

1 个答案: