Format date in Angular?

Question

I am developing a form in which birth date is required:

<div class="form-group">
     <label for="name">Data Nascimento</label>
     <input type="text" placeholder="Insira Data" class="form-control" id="dataNascimento" required [(ngModel)]="user.dataNascimento" name="dataNascimento" bsDatepicker>
</div>

I’m using the library bsDatepicker to Create a Calendar.

Imagery

In the listing appears a strange format: 2018-12-07T05:00:00.000Z the errr date invalidates.

User ts.

export class User {
    id: number;
    nome: string;
    email: string;
    sexo:string;
    nacionalidade: string;
    naturalidade: string;
    cpf: string;
    dataNascimento: string;
}

Answer 1

You can use the Datepipe to format dates, in your example it can look like this:

[(ngModel)]="user.dataNascimento | date:'dd/MM/yyyy'"

Of course this is an example, the date format is up to you.