javascript - Angular 时间转换管

Question

当我使用 Angular 对象渲染时，我希望将时间戳转换为 HTML我有一个对象，我的开始和结束时间为 09:15:00 和 13:20:45我想使用 html 中的管道将它们转换为上午 09:15 和下午 13:20

<div>{{start_time}} {{end_time}}</div>

09:15:00 13:20:45

我如何使用 Angular 管来实现这一点，因为我不能在这里使用日期管，因为只有当我们在对象中有日期时才有效我如何使用 Angular 管来实现这一点，因为我不能在这里使用日期管，因为只有当我们在对象中有日期时才有效

谁能帮忙...

Answer 1

import * as moment from 'moment';

@Pipe({
  name: 'customTimePipe'
})
export class CustomTimePipe implements PipeTransform {
  transform(value: any, args?: any): any {
    return moment(value,'HH:mm').format("HH:mm A");
  }
}

这是管道文件

以后你必须在 HTML 中这样使用

<div>{{start_time | customTimePipe}} {{end_time | customTimePipe}}</div>

希望这能解决您的问题。