Угловой 2 + Ионный 2: как изменить формат даты в контроллере?

Question

Я получаю дату в цикле из базы данных sqlite. Формат похож на «Wed Feb 01 2017 21:54:24 GMT-0200». Но я хочу изменить его как «dd/MM/yyyy».

Как изменить формат в контроллере?

Пример мой код:

this.issuedService.fetchAll().then((res) => { 
    var data = []; 
    for (let entry of <Array<any>>res) {     
     console.log(JSON.stringify(entry )); 
    }    
    //this.items = <Array<any>>res; 
}, (error) => { 
    console.log("ERROR: ", error.message); 
}); 

UPDATE 2017-02-02

Таким образом, через несколько часов без сна, я, наконец, нашел решение.

Я могу добавить библиотеки MomentJs в свой проект Ionic v2 от NPM.

$ npm install moment --save 

Результат Код:

import { Component } from '@angular/core'; 

import { NavController, NavParams } from 'ionic-angular'; 

import * as moment from 'moment'; 
import 'moment/locale/pt-br'; 

import { IssuedService } from '../../providers/issued-service'; 

@Component({ 
    selector: 'page-home', 
    templateUrl: 'home.html' 
}) 

export class HomePage { 
    items: any[] = []; 
    issuedPage = IssuedPage; 

    constructor(
     public navCtrl: NavController, 
     public navParams: NavParams, 
     public issuedService: IssuedService 
    ) { 
     this.initializeItems(); 
    } 

    ionViewDidLoad() { 
     console.log('ionViewDidLoad HomePage'); 
    } 

    initializeItems() { 
     this.issuedService.fetchAll().then((res) => { 
      for (let entry of <Array<any>>res) { 
       entry.query_dt = moment(entry.picking_dt).format('DD MMMM YYYY'); 
       this.items.push(entry); 
      } 
      console.log(JSON.stringify(this.items )); 
     }, (error) => { 
      console.log("ERROR: ", error.message); 
     }); 
    } 
} 

Ionic 2 Doc/Adding third party libs

Answer 1

Решения моего проекта:

Добавление LIBS стороннего

Вы можете добавить большинство сторонних библиотек к вашему V2 проекту от НОГО. Например, давайте добавим MomentJs.

$ npm install moment --save 

Отсюда, мы можем импортировать его в то, что когда-либо класс, мы хотим использовать его в

import {Page} from 'ionic-angular'; 
import * as moment from 'moment'; 

export class MyClass { 
    constructor(){ 
    moment("20111031", "YYYYMMDD").fromNow(); 
    } 

} 

Ionic Documentation Code

Answer 2

Попробуйте

$scope.date = 'Wed Feb 01 2017 21:54:24 GMT-0200'; 
 
    var filterdatetime = $filter('date')($scope.date,'dd/MM/yyyy'); 
 
    alert(filterdatetime);

Answer 3

Я сделал это с двумя линиями.:

import { DatePipe } from '@angular/common'; 

<ion-label>{{myDate | date: 'yyyy'}}</ion-label> 

первый - это только импорт в ts-файл, а второй - в ваш html-файл.