Question

如何格式化从SQL返回的时间类型值？例如，{{value.SundayStart}}返回10:00:00。

我想在没有秒的情况下显示它，但是使用Angular的日期管道：

{{value.SundayStart | date: 'hh:mm'}}

无效。

由于

Answer 1

不能仅使用具有时间值的日期管道。只需使用切片管道：

select item

这会返回{{value.SundayStart | slice:0:5}}

Answer 2

相当脏的解决方案，虽然它有效。一点点的工作。使用time返回的sql创建日期时间对象，然后格式化以HH:mm显示时间。

export class AppComponent  {
  time =  '23:34:12';
  dateTime = new Date();

 constructor() {
   let times = this.time.split(':');
   this.dateTime.setHours(parseInt(times[0]));
   this.dateTime.setMinutes(parseInt(times[1]));
   this.dateTime.setSeconds(parseInt(times[2]));
 }
}

html的

{{dateTime | date : 'HH:mm'}}

Angular 4 - 格式化SQL时间

2 个答案: