角度日期筛选器未在 ng 值中筛选

Angular Date Filter not filtering in ng-value

本文关键字：筛选 ng 日期      更新时间：2023-09-26
// 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>

代码笔

我不确定发生了什么。第一个筛选器运行良好，但第二个筛选器根本不设置日期格式，将日期保留为初始字符串。

尝试：

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

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

嗯，

这对我有用

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

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

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

return new Date(date);

我建议使用输入type='text'。然后，您可以将日期用作：

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

这样(使用 type='text' (，您可以控制向用户显示的实际日期格式，而不是允许浏览器选择您的区域设置格式(这不是您一直想要的(

相关文章：