Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/369.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何仅以(分钟和秒)显示日期时间_Javascript_Angular_Datetime_Ionic3 - Fatal编程技术网

Javascript 如何仅以(分钟和秒)显示日期时间

Javascript 如何仅以(分钟和秒)显示日期时间,javascript,angular,datetime,ionic3,Javascript,Angular,Datetime,Ionic3,我有一个ion datetime表单字段,用户可以选择分和秒;但是,由于某些原因,表单字段总是显示为空。我知道答案与javascriptDate()函数有关,但我似乎无法得到我想要的结果 <ion-item class="formField"> <ion-label stacked>Time</ion-label> <ion-label class="warningLabel">(Max of 5 minutes)</

我有一个
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>

时间
(最多5分钟)
我试过使用
selectedTime:any=newdate().toISOString()使用
[(ngModel)]=“selectedTime”
但它显示表单字段中已存在的当前时间。我在球场上的最长时间是5分钟,所以看起来很时髦。另外,如果我需要操作变量并将值作为表单中的一个单独实体发送,这也很好,但我试图找到一种方法来避免这种情况。另外,我使用的是角度模板驱动的表单

任何反馈都将不胜感激


更新:由于使用的IONAL或ISO日期时间格式无法识别
displayFormat=“mm:ss”pickerFormat=“mm ss”
字段,因此该字段会中断。因此,也许解决这个问题就足够了?

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

要解决这个问题,您可以将一个日期实例化为零毫秒,如
新日期(0)
,然后您将得到零分零秒,考虑到您正在描述
时间跨度
,这更有意义

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();
}
从'@angular/core'导入{Component};
@组成部分({
选择器:“主页”,
模板:`
`
})
导出类主页{
myDate=新日期(0).toISOString();
}

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

要解决这个问题,您可以将一个日期实例化为零毫秒,如
新日期(0)
,然后您将得到零分零秒,考虑到您正在描述
时间跨度
,这更有意义

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();
}
从'@angular/core'导入{Component};
@组成部分({
选择器:“主页”,
模板:`
`
})
导出类主页{
myDate=新日期(0).toISOString();
}