How to format MySQL datetime to angular2 useable date format in Ionic 2?

Question

I am trying to format a mysql datetime that looks like this: 2016-05-27 20:17:45 to an useable date format for angular2. After reading some comments how this could be done I created a custom pipe:

import {Pipe} from 'angular2/core';

@Pipe({
    name: 'dateToIso'
})
export class DateToIso {
    transform(value, args) {
        let newValue = new Date(value).toISOString();
        return newValue;
    }
}

Then I imported the pipe to the page where to use it and defined it in the decorator to use it in the HTML file.

import {DateToIso} from '../../pipes/date-ToIso';
...
@Page({
    templateUrl: 'build/pages/page1/page1.html'
    pipes: [DateToIso]
})

When using the new created pipe in the HTML file: {{ post[2] | dateToIso}} I get the error:

Error: Uncaught (in promise): Template parse errors: The pipe 'dateToIso' could not be found

What am I doing wrong? Thanks to all :)

Abdulrahman Alsoghayer · Accepted Answer · 2016-05-27 14:38:59Z

2

There is a missing comma after the template url

@Page({
    templateUrl: 'build/pages/page1/page1.html',  // << this comma here
    pipes: [DateToIso]
})

answered May 27, 2016 at 14:38

Abdulrahman Alsoghayer

16.6k7 gold badges53 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

A. Ilazi Over a year ago

After that i get the error Cannot find module '@angular2/core' from 'C:\Users\User\Desktop\tester\app\pipes' in the console so i changed the import from to 'ionic-angular' and now i get the error TypeError: (0 , _ionicAngular.Pipe) is not a function

Abdulrahman Alsoghayer Over a year ago

@A.Ilazi It should be @angular/core, without 2

Collectives™ on Stack Overflow

How to format MySQL datetime to angular2 useable date format in Ionic 2?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related