2015-12-05 59 views
2
// date = 2015-12-05T02:34:45.249Z 
<div> 
    <p>{{date | date:'yyyy/MM/dd'}}</p> // This works, shows the correct date 
</div> 

<label> 
    <input type="date" ng-value="{{date | date:'yyyy/MM/dd'}}"> // This doesn't work 
</label> 

Codepen角日期过滤器在NG-值

不过滤我不知道是怎么回事。第一个过滤器工作正常,但第二个过滤器根本不格式化日期,将日期保留为初始字符串。

回答

3

尝试:

<label> 
    <input type="date" ng-value="date | date:'yyyy/MM/dd'"> 
</label> 

这将显示正确的日期格式在你的结构

0

当你做了什么SOLUCIONES Intuitivas写和日期变更类型为文本,你会看到日期。如果你想使用type="date"你应该添加指令将数据转换为正确的格式。 指令应该返回类似:

return new Date(date); 
0

我会建议使用输入type='text'。然后,你可以使用日期,因为这:

<input type="text" value="{{date | date:'yyyy/MM/dd'}}"> 

这种方式(使用type='text')可以控制显示给用户的实际日期格式,而不是让浏览器选择您所在地区的格式(这不是你一直想)

1

嗯,这对我的作品

<input type="text" placeholder="DOB" ng-value="dataValue | date:'dd/MM/yyyy'"> 

如果你给型“日期”,那么它会隐藏占位符,所以不如把它作为文本。