javascript - 将 Angular 中的日期格式从 yyyy/MM/dd 更改为 MM/dd/yyyy

Question

第一次尝试，这样做了:

{{ leads.pgDate | date:'MM/dd/yyyy' }}

我也尝试过:

" | date:"MM/dd/yyyy": 'UTC' "

第二次尝试，前往leadsCtr.js并发现

$scope.leadsGridOptions = { 
  columnDefs: [ 
    {
      field: 'expected',
      displayName: 'Expected Close Date', width: 150, type: 'date',
cellFilter: 'date:\'MM/dd/yyyy\'' 
    }
  ]
}

添加了 'type:''date'' 并从 \'sort\' 更改了 cellFilter

观察结果:

displayName:“预计结束日期”但是HTML 中的日期 header 是“购买日期” - 这就是第二次尝试失败的原因。此外，cellFilter 被覆盖，该添加也没有改变任何内容。

{{leads.pgDate.toString()}} 

添加toString没有改变任何东西 - 也许日期是一个字符串？!

新问题:

找不到 ng-repeat 用于填充字段以查看日期是否确实是字符串并且我可以解析它的对象。

问题:

如果日期以字符串形式输入， Angular 过滤器将不起作用吗？是否有办法覆盖 {{inside the HTML}} ？

答案:

使用了 Jimbrooism 的建议。包装器正在将值转换回日期格式，并且过滤器可以工作。

Answer 1

试试这个{{convertDate(leads.pgDate) | {{convertDate(leads.pgDate) |日期:'dd/MMM/yyyy'}}

//JS

$scope.convertDate = function convertDate(date){
    return new Date(date);
};