Javascript 如何根据我的代码为时间插入am pm,或者如果您有自定义时间
我有一个基于分钟和小时的时间计算方法。所以我想在这里加上am pmJavascript 如何根据我的代码为时间插入am pm,或者如果您有自定义时间,javascript,angular,typescript,ionic2,ionic3,Javascript,Angular,Typescript,Ionic2,Ionic3,我有一个基于分钟和小时的时间计算方法。所以我想在这里加上am pm customTime(time_type, formula) { this.isCustomTime = true; let hour; let minute; if(time_type == 'hour' && formula == 'add'){ hour = Number(this.defaultHour) + 1; if(hour &
customTime(time_type, formula) {
this.isCustomTime = true;
let hour;
let minute;
if(time_type == 'hour' && formula == 'add'){
hour = Number(this.defaultHour) + 1;
if(hour > 12) {
hour = 1;
}
this.defaultHour = ('0' + hour).slice(-2);
}else if(time_type == 'hour' && formula == 'minus'){
hour = Number(this.defaultHour) - 1;
if(hour < 1){
hour = 12;
}
this.defaultHour = ('0' + hour).slice(-2);
}else if(time_type == 'minute' && formula == 'add'){
minute = Number(this.defaultMinute);
hour = Number(this.defaultHour);
if(minute < 30) {
minute = 30;
}else{
minute += 30;
if(minute > 59) {
minute = 0;
hour += 1;
if(hour > 12) {
hour = 1;
}
this.defaultHour = ('0' + hour).slice(-2);
}
}
this.defaultMinute = ('0' + minute).slice(-2);
}else if(time_type == 'minute' && formula == 'minus'){
minute = Number(this.defaultMinute);
hour = Number(this.defaultHour);
if(minute > 30 || minute == 0) {
minute = 30;
hour -= 1;
if(hour < 1){
hour = 12;
}
this.defaultHour = ('0' + hour).slice(-2);
}else {
minute = 0;
}
this.defaultMinute = ('0' + minute).slice(-2);
}
}
customTime(时间类型,公式){
this.isCustomTime=true;
让时光流逝;
让我们分秒必争;
如果(时间类型='hour'&&formula='add'){
小时=数字(此.defaultHour)+1;
如果(小时>12){
小时=1;
}
this.defaultHour=('0'+hour).slice(-2);
}else if(time_type=='hour'&&formula=='减号'){
小时=数字(此.defaultHour)-1;
如果(小时<1){
小时=12;
}
this.defaultHour=('0'+hour).slice(-2);
}else if(时间类型=='minute'&&formula=='add'){
分钟=数字(此.defaultMinute);
小时=数字(此.defaultHour);
如果(分钟<30){
分钟=30;
}否则{
分钟+=30;
如果(分钟>59){
分钟=0;
小时+=1;
如果(小时>12){
小时=1;
}
this.defaultHour=('0'+hour).slice(-2);
}
}
this.defaultMinute=('0'+分钟).slice(-2);
}else if(time_type=='minute'&&formula=='minutes'){
分钟=数字(此.defaultMinute);
小时=数字(此.defaultHour);
如果(分钟>30 | |分钟==0){
分钟=30;
小时-=1;
如果(小时<1){
小时=12;
}
this.defaultHour=('0'+hour).slice(-2);
}否则{
分钟=0;
}
this.defaultMinute=('0'+分钟).slice(-2);
}
}
注意:它正在工作。只有此处缺少的时间的
AM/PM
。那么,我可以将这些添加到我的代码中吗?或者,如果你对如何制作我想要的东西有一些简单的了解的话 若你们想以AM/PM格式显示时间,那个么简单的方法就是
从internet下载/添加d3库
然后使用
var timeOfDay=d3.timeFormat("%H:%M:%S %p")(new Date());
console.log(timeOfDay);//your desired output
如果您只有小时和分钟,请使用以下命令
var hour=12;
var mminutes=55;
var timeOfDay=new Date();
timeOfDay.setHours(hour);
timeOfDay.setMinutes(mminutes);
d3.timeFormat("%H:%M %p")(timeOfDay)
console.log(d3.timeFormat("%H:%M %p")(timeOfDay)
);
这是计算的前端
家
{{selectedTimeZone}}
{{defaultHour}}:{{defaultMinute}:{{defaultSecond}}:{{defaultMidday}
{{defaultDate}}
{{defaultDay}}
小时
+
-
分钟
+
-
{{zone.name}
你怎么称呼这个?什么是时间类型和公式参数?没有上下文我们只能猜测。你拿这个干什么?什么时候开始?它叫什么名字?在哪里使用输出?还有很多问题!时间类型等于小时或分钟,然后公式等于减或加。我知道这样做,但我必须在不使用1的情况下操纵时间,因为我希望时间可以自定义。
<ion-header>
<ion-navbar>
<ion-title>
Home
</ion-title>
<ion-buttons end>
<button ion-button icon-only (click)="refresh()">
<ion-icon name="refresh"></ion-icon>
</button>
</ion-buttons>
<ion-buttons end>
<button ion-button icon-only (click)="showTimeZoneModal()">
<ion-icon name="add"></ion-icon>
</button>
</ion-buttons>
</ion-navbar>
</ion-header>
<ion-content>
<ion-card>
<ion-card-header>
{{ selectedTimeZone }}
</ion-card-header>
<ion-card-content>
<div class="time">
{{ defaultHour }} : {{ defaultMinute }} : {{ defaultSecond }} : {{ defaultMidday }}
</div>
<div class="date">
{{ defaultDate }}
<br>
{{ defaultDay }}
</div>
</ion-card-content>
</ion-card>
<ion-card>
<ion-card-content>
<h2>Hour</h2>
<button ion-item (click)="customTime('hour', 'add')"><ion-label>+</ion-label></button>
<button ion-item (click)="customTime('hour', 'minus')"><ion-label>-</ion-label></button>
<h2>Minute</h2>
<button ion-item (click)="customTime('minute', 'add')"><ion-label>+</ion-label></button>
<button ion-item (click)="customTime('minute', 'minus')"><ion-label>-</ion-label></button>
</ion-card-content>
</ion-card>
<ion-list>
<ion-item *ngFor="let zone of timezone; let i = index" (click)="selectTimeZone(zone, i)">
{{ zone.name }}
</ion-item>
</ion-list>
</ion-content>