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
表单字段,用户可以选择分和秒;但是,由于某些原因,表单字段总是显示为空。我知道答案与javascriptDate()
函数有关,但我似乎无法得到我想要的结果
<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();
}