格式化的秒数为mm：ss在Angular 2中

发布时间：2020-12-17 09:03:32 所属栏目：安全来源：网络整理

导读：我显示的秒数从3600减少到0. div class="time-box" *ngIf="p.value.playerTimer 0"{{ p.value.playerTimer }}/div 我想将秒数格式化为分钟：秒我希望能够使用DatePipe – https://angular.io/api/common/DatePipe div class="time-box" *ngIf="p.value.play

我显示的秒数从3600减少到0.

<div class="time-box" *ngIf="p.value.playerTimer > 0">{{ p.value.playerTimer }}</div>

我想将秒数格式化为分钟：秒

我希望能够使用DatePipe – https://angular.io/api/common/DatePipe

<div class="time-box" *ngIf="p.value.playerTimer > 0">{{ p.value.playerTimer | date:'mmss' }}</div>

但这不起作用,因为它期望p.value.playerTimer是一个日期对象或自纪元以来的秒数.

还有另一种方法来实现这一目标吗？

你必须自己编写管道.像这样的东西.但请注意,它未经测试,并未考虑可能收到的任何奇怪输入.它也没有任何前导零,但是,嘿,现在你还有事要做：

@Pipe({
  name: 'minuteSeconds'
})
export class MinuteSecondsPipe implements PipeTransform {

    transform(value: number): string {
       const minutes: number = Math.floor(value / 60);
       return minutes + ':' + (value - minutes * 60);
    }

}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!