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

这对我有用

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

如果您提供“日期”类型，那么它会隐藏占位符，以便更好地将其作为文本传递。

Answer 3

当您执行Soluciones Intuitivas所写的内容并将日期更改为文本时，您将看到日期。如果要使用type="date"，则应添加指令以将数据转换为正确的格式。指令应返回类似：

return new Date(date);

Answer 4

我建议使用输入where AccountNumber='" + accountnumber.Text + "'"; MessageBox.Show(query);。然后您可以使用日期：

type='text'

这种方式（使用<input type="text" value="{{date | date:'yyyy/MM/dd'}}">）您可以控制显示给用户的实际日期格式，而不是允许浏览器选择您的语言环境格式（这不是您一直想要的）

角度日期过滤器不以ng值过滤

4 个答案: