Formatting date inside of component (ionic)

Question

Im working an app with appery.io platform using ionic 1 I have a date value inside of text component.

If I use:

{{user.user_date}}

Return

{"$date":"1958-12-08T00:00:000Z"}  // Correct value but wrong format

If I use:

{{user.user_date | amDateFormat:'DD/MM/YYYY'}}

Return

22/01/2021 // today date

How can I format this date value inside of component?

Thanks

What do you mean by `format this date value inside of component` ? Do you mean inside the `component.html` or `component.ts` file or something different ? — Marco, Jan 22 '21 at 12:54
Ionic 1 uses AngularJS? Read this then: https://stackoverflow.com/questions/20131553/angularjs-convert-dates-in-controller — 1x2x3x4x, Jan 22 '21 at 12:59
But the solution can be in javascript then I pass the value to the component — António Graça, Jan 22 '21 at 13:27

score 1 · Answer 1 · answered Jan 22 '21 at 14:36

Your question can be summarize as "How to use a pipe in a Typescript file". Where your can find the solution here Is it possible to use a pipe in the code?

You need to import the pipe amDateFormat in the providers of your module. Then, you need to inject the pipe in the constructor of the component. Finally call the transform function of the pipe.

constructor(
    private datePipe: DatePipe
    ) {
    return this.datePipe.transform(user.user_date, "DD/MM/YYYY");
}

You need to change DatePipe with the name of the pipe you as using. The code works in the last version of Ionic/Angular, not tested in Ionic 1.

score 1 · Answer 2 · answered Nov 25 '21 at 12:42

1

You need to watch appery.io youtube video how to work with pipe https://www.youtube.com/watch?v=rzMiIKeaJcc

answered Nov 25 '21 at 12:42

alexander.antsypov

304
2
7

I don't think it's a good idea to have the solution outside of StackOverflow. – Marco Feb 16 '22 at 09:10

Formatting date inside of component (ionic)

2 Answers2