Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/449.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/33.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 如何根据我的代码为时间插入am pm,或者如果您有自定义时间_Javascript_Angular_Typescript_Ionic2_Ionic3 - Fatal编程技术网

Javascript 如何根据我的代码为时间插入am pm,或者如果您有自定义时间

Javascript 如何根据我的代码为时间插入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 &

我有一个基于分钟和小时的时间计算方法。所以我想在这里加上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 > 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>