2017-06-07 70 views
1

我有這樣對我的角度成分的HTML的輸入:角4顯示了部分時間錯誤的日期時間

<input id="orderdate" class="form-control" value="{{order.OrderDate | date: 'd.M.yyyy H:mm:ss'}}" disabled /> 

order.OrderDate具有價值2017-06-01T10:52:03.666723,我希望看到值格式

1.6.2017 10:52:03。

不過,我實際上得到的是

2017年6月1日10:00:2017年6月1日上午10時52分03秒:2017年6月1日上午10時52分03秒

如果我只使用日期(dMyyyy),它工作正常(1.6.2017)。爲什麼時間部分顯示錯誤?

回答

0

由於通過Thiagz發表評論,我發現解決這裏這個問題:Angular2 date pipe does not work in IE 11 and edge 13/14

這似乎是在IE和邊緣的錯誤,所以我不得不創建自己的日期管道。

DatexPipe.ts:

import { Pipe, PipeTransform } from '@angular/core'; 
import * as moment from 'moment'; 

@Pipe({ 
    name: 'datex' 
}) 

export class DatexPipe implements PipeTransform { 
    transform(value: any, format: string = ""): string { 
     var momentDate = moment(value); 

     if (!momentDate.isValid()) return value; 

     return momentDate.format(format); 
    } 
} 

使用方法如下:

<input id="orderdate" class="form-control" value="{{order.OrderDate | datex: 'd.M.YYYY H:mm:ss'}}" disabled /> 
0

我認爲它的格式應該是'd.M.y H:mm:ss'。 Angular Date Pipe

+1

我試圖使用<輸入的ID = 「訂購日期」 類= 「形式控制」 值=「{{順序.OrderDate | date:'dMy j:mm:ss'}}「disabled />,現在輸入顯示1.6.2017 10 AM:2017/6/1 10:52:03 AM:6/1/2017 10:52: 03 AM。 Intresting。 – joonash

+0

我的不好,只是檢查了pulker上的代碼,它給出了相同的輸出,但是你的實際代碼給出了正確的結果。你正在使用哪個版本的Angular? – Thiagz

+0

角度版本4.0.0 – joonash