如何仅以（分钟和秒）显示日期时间答案

【问题标题】：How to display date-time in(Minute and Second) only如何仅以（分钟和秒）显示日期时间
【发布时间】：2018-08-28 16:31:02
【问题描述】：

我有一个ion-datetime 表单字段，用户可以选择分钟和秒；但是，由于某种原因，表单字段总是显示为空白。我知道答案与 javascript Date() 函数有关，但我似乎无法得到我想要的结果。

<ion-item class="formField">
      <ion-label stacked>Time</ion-label>
      <ion-label class="warningLabel">(Max of 5 minutes)</ion-label>
      <ion-datetime
          ngModel
          minuteValues="0,1,2,3,4,5"
          displayFormat="mm:ss"
          pickerFormat="mm ss"
          name="selectedTime"
          placeholder=""
          type="date">
      </ion-datetime>
</ion-item>

我尝试将selectedTime:any = new Date().toISOString(); 与[(ngModel)]="selectedTime" 一起使用，但它已在表单字段中显示当前时间。我在该领域的最长时间是 5 分钟，所以看起来很时髦。另外，如果我需要操纵变量并将值作为与表单分离的实体发送，那很好，但我试图找到一种方法来避免这种情况。另外，我正在使用 Angular 模板驱动的表单。

任何反馈都将不胜感激！

更新：该字段中断，因为 Ionic 或使用的 ISO 日期时间格式无法识别 displayFormat="mm:ss" pickerFormat="mm ss" 字段。那么也许解决这个问题就足够了？

【问题讨论】：

标签： javascript angular datetime ionic3

【解决方案1】：

它在表单字段中显示当前时间，因为您已经实例化了一个没有参数的Date，因此，javascript 将选择当前日期和时间。尽管值错误，您的代码应该可以正常工作。

解决此问题的方法是实例化一个零毫秒的日期，例如 new Date(0)，然后您将得到零分钟和零秒，鉴于您描述的是 timespan，这更有意义。

import { Component } from '@angular/core';

@Component({
  selector: 'page-home',
  template: `
    <ion-content padding>
      <ion-datetime
        [(ngModel)]="myDate"
        minuteValues="0,1,2,3,4,5"
        displayFormat="mm:ss"
        pickerFormat="mm ss">
      </ion-datetime>
    </ion-content>
  `
})
export class HomePage {
  myDate = new Date(0).toISOString();
}

【讨论】：