web-dev-qa-db-ja.com

日付のフォーマットanglejs ui-grid

日付の表示方法を変更しようとしています。データは「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」ではなく、私が間違っていることはありますか？前もって感謝します！

angularjsangular-ui-grid
20
myTD

Angular date filter で互換性のない日付形式を使用しようとしているようです。ドキュメントは、Dateオブジェクト、ミリ秒、またはISO 8601日付である必要があると述べています。日付文字列はいずれにも一致しないため、独自の文字列フォーマッターを使用するか、日付フィルターに渡す前にその値をDateオブジェクトまたはミリ秒に変換する必要があります。

11
Matthew Green

使用：タイプ： 'date'、cellFilter： 'date：\' 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\'' }]};
49
vvardhanz

つかいます cellFilter: 'date:"longDate"'

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