web-dev-qa-db-fra.com

Comment changer le format de date de sortie du type d'entrée = "date" dans angular 4?

En fait, je travaille avec angular 4. J'ai un scénario comme, je dois envoyer la date comme jj/mm/aaaa au serveur.

J'utilise la propriété comme type d'entrée = "date". Mais cette propriété renvoie la valeur comme aaaa/mm/jj. alors comment changer le format de sortie de la date.

Students.html

<input type="date" [(ngModel)]="Students.dob" name="Students.dob">

Après avoir sélectionné la date, quand je suis vérifier avec console.log ().

Students.components.ts

checkDate() { console.log(Students.dob); }

Enfin, la sortie était aaaa/mm/jj..

Existe-t-il un moyen de surmonter ce problème? veuillez me le faire savoir.

angularangular4-forms
5
Vignesh Mohanraj

Vous pouvez changer la date au format dd/mm/yyyy en utilisant DatePipe à l'intérieur de la fonction checkDate(). comme ci-dessous. Et envoyez cette date côté serveur.

importer d'abord le DatePipe dans votre composant

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

puis utilisez-le comme ci-dessous

  checkDate() {
    const dateSendingToServer = new DatePipe('en-US').transform(this.Students.dob, 'dd/MM/yyyy')
    console.log(dateSendingToServer);
  }

exemple de travail, vous pourriez être trouvé ici sur STACKBLITZ DEMO.

J'espère que cela vous aidera!

3
coder

Vous pouvez essayer ceci -

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

checkDate() {
    let formatedDate = new DatePipe().transform(this.Students.dob, 'dd/mm/yyyy')
    console.log(formatedDate); 
  }
2
Pardeep Jain