Angular 2和DatePipe毫秒

时间:2017-01-14 20:00:33

标签: angular

我有一个谷歌地图,我点击一个单位。当我单击一个单元时,我从REST通过服务获得有关该单元的一些数据。然后我得到StartToday女巫在几秒钟内。然后我想将其显示为HH:mm:ss。我的StartToday返回360。

{{unit.StartToday * 1000}} // Works is 360000
{{360000 | date: "HH:mm:ss"}} // Works is 01:06:00
{{unit.StartToday * 1000 | date: "HH:mm:ss"}} // Does not work 

但是我收到了这个错误:

  

EXCEPTION:./MapComponent类中的错误MapComponent - 内联模板:11:12由以下原因引起:无效参数' NaN'用于管道' DatePipe'   原始例外:无效的参数' NaN' for pipe' DatePipe'

1 个答案:

答案 0 :(得分:0)

你应该尝试:

{{ (toNumber(unit.StartToday) * 1000) | date: "HH:mm:ss" }}

并确保unit.StartToday是一个数字:

toNumber(input_to_number:any){
 return Number(input_to_number);
}

https://plnkr.co/edit/ficVwQ2DO9E8jYpn4V4a?p=preview

祝你好运!