2017-06-07 69 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