日期管隐藏零

Question

我想知道我怎么可以修改/创建自己的管道，使：

1. 如果低于分钟，节目秒
2. 如果低于小时，展现MM：SS
3. 如果小于1小时，显示为hh：mm：ss的

我知道，当我USDE：

{{ dateObj | date:'hhmmss' }}  // output is '00:00:11' when timestamp is 11s; 

Answer 1

由于Angular pipe是一个带有一些装饰器的JS类，你仍然可以直接使用它。你的情况，你可以实现自己的管道，将使用内置角管的方式是这样的：

new DatePipe().transform(myDate, 'hhmmss'); 

所以，让我们：

import { Pipe, PipeTransform } from '@angular/core'; 
import { DatePipe } from '@angular/common'; 

@Pipe({name: 'my-duration'}) 
export class MyDurationPipe implements PipeTransform { 
    transform(value: Date): string { 
    if (/* time difference is less than minute */) { // add your comparison to get minutes 
     return new DatePipe().transform(value, 'ss'); 
    } 
    else if (/* time difference is less than hour */) { // the same for hours etc. 
     return new DatePipe().transform(value, 'mm:ss'); 
    } 
    // and so on 
    } 
} 

然后你可以使用它作为一个经常性管。