格式化日期 angularjs ui-网格

Question

我正在尝试更改日期的显示方式。数据以字符串形式出现，格式为 "Sun May 03 18:04:41 2009"

我看了示例，他们让我使用

$scope.gridOptions = {
  data: 'mydata',
  enableRowSelection: true,
  multiSelect: false,
  enableColumnResize: true,
  columnDefs: [
    { field: 'startDate', displayName: 'Date', cellFilter: 'date:\'yyyy-MM-dd\'' }]
};

但是这对我不起作用。数据仍按原样显示。而不是“2009-05-13”我做错了什么？提前致谢！

Answer 1

您似乎在尝试使用与 Angular date filter 不兼容的日期格式。文档说它需要是 Date 对象、毫秒或 ISO 8601 日期。由于您的日期字符串与其中任何一个都不匹配，因此您需要滚动自己的字符串格式化程序或将该值转换为 Date 对象或毫秒，然后再将其传递给日期过滤器。

Answer 2

使用：输入：'date'， cellFilter: '日期:\'MM/dd/yyyy\''

$scope.gridOptions = {
data: 'mydata',
enableRowSelection: true,
multiSelect: false,
enableColumnResize: true,
columnDefs: [
{ field: 'startDate', displayName: 'Date',type: 'date', cellFilter: 'date:\'yyyy-MM-dd\'' }]};

Answer 3

使用cellFilter: 'date:"longDate"'

columnDefs: [
         { name: "ID", displayName: "ID"},
         { name: "Date", displayName: "Date", cellFilter: 'date:"longDate"'},

格式化日期 angularjs ui-网格

formatting date angularjs ui-grid

angularjs

angular-ui-grid