Question

141

momentjs datetime format on frontend with angular

rated 0 times [ 148] [ 7] / answers: 1 / hits: 6568 / 2 Years ago, wed, february 9, 2022, 12:00:00

I'm using currently moment.js in my project. I want to remove "T" and +02:00. There must be a date and time only. But if I use the .format() method of moment.js I get the default datetime.

I want to format this datetime:

from ' 2022-02-11T04:20:13+02:00 ' to ' 2022-02-11 04:20:13 '

back

import * as moment from 'moment';



date_times: any;

constructor() {

this.date_times =  moment().format('YYYY-MM-DD HH:mm:ss');

}

front

 <ion-item>

  <ion-label>Select date & time</ion-label>

  <ion-datetime displayFormat="D MMM YYYY H:mm A" (ionChange)="showdate()" [(ngModel)]="date_times"></ion-datetime>

</ion-item>



{{date_times }}

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

mira

Add To Favorites

Follow

Total Points: 460

Total Questions: 108

Total Answers: 99

Location: American Samoa

Member since Fri, Aug 26, 2022

2 Years ago

mira questions

1 Nodemon: app crashed waiting for file changes before starting... on Windows

Mon, Apr 4, 22, 00:00, 2 Years ago

1 Unhandled promise rejection: ReferenceError Can't find variable

Mon, Feb 14, 22, 00:00, 2 Years ago

1 How to check if element exists in DOM in Cypress?

Sun, Mar 28, 21, 00:00, 3 Years ago

1 How do I get the IP of a user in Nuxt's asyncData method?

Sat, Aug 3, 19, 00:00, 5 Years ago

1 Angular 8 NgRx - Error: Detected unserializable action

Mon, Jul 22, 19, 00:00, 5 Years ago

View All

answered 2 Years ago feliciarainak · Accepted Answer

moment().format('YYYY-MM-DD HH:mm:ss') will give you the format you want but since you are using date_times as the ngModel of <ion-datetime> component, its value has been changed after you initialized the value in the constructor().

You can format date_times when you print it out by using Pipe like this:

my-datetime-format.pipe.ts:

import { Pipe, PipeTransform } from '@angular/core';

import * as moment from 'moment';



@Pipe({

  name: 'myDateTimeFormat'

})

export class myDateTimeFormatPipe implements PipeTransform {

  transform(value: string): string {

    return moment(value).format('YYYY-MM-DD HH:mm:ss');

  }

}

In template:

{{ date_times | myDateTimeFormat }}