Angular 日期过滤器未在 ng 值中过滤

Question

// 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

我不确定发生了什么。第一个过滤器效果很好，但第二个过滤器根本不格式化日期，将日期保留为初始字符串。

Answer 1

尝试：

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

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

Answer 2

当您执行 Soluciones Intuitivas 编写的操作并将类型从日期更改为文本时，您将看到日期。如果你想使用 type="date" 你应该添加指令将数据转换为正确的格式。指令应该 return 类似于：

return new Date(date);

Answer 3

我建议使用输入 type='text'。然后你可以像这样使用日期：

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

通过这种方式（使用 type='text'）您可以控制向用户显示的实际日期格式，而不是允许浏览器 select 您的语言环境格式（这不是您一直想要的）

Answer 4

这对我有用

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

如果您输入类型 "date"，那么它会隐藏占位符，以便更好地将其作为文本传递。

Angular 日期过滤器未在 ng 值中过滤

Angular Date Filter not filtering in ng-value

javascript

angularjs

ionic