1
votes

Afficher la date au format Mon jj aaaa

J'obtiens la valeur de la date de naissance de mon API. J'ai besoin d'afficher cela dans 3 zones de texte différentes comme jan, 01 et 2000.

Comment puis-je essayer cela dans TS.

J'ai essayé de stocker le champ de date de naissance dans la variable Date. mais il donne une valeur comme Sat Jan 01 2000 00:00:00 GMT-0500. Au lieu de cela, j'ai besoin de trois valeurs 01 janvier et 2000.

J'ai essayé le tube de date qui me donne une date comme le 01/01/2000.

 this.newDate=new Date(this.patient.dateOfbirth);

typescript angular

1 commentaires

Aucun des formats d'affichage disponibles n'a atteint votre objectif? Parce qu'il semble que vous ne les ayez pas encore essayés?

3 Réponses :

0
votes

Vérifiez le composant Ionic DateTime https://ionicframework.com/docs/api/components/datetime/DateTime/

Vous pouvez faire ce que vous voulez comme ceci:

Code

<ion-datetime displayFormat="MMM/DD/YYYY" [(ngModel)]="dateToShow"></ion-datetime>

Modèle

dateToShow : any;

this.newDate=new Date(this.patient.dateOfbirth);
dateToShow = newDate.toISOString();

0 commentaires

0
votes

Veuillez essayer les tuyaux si c'est possible

Il y en a des prédéfinis, comme

'mediumDate': équivalent à 'MMM d, y' (15 juin 2015). 'longDate': équivalent à 'MMMM d, y' (15 juin 2015). 'fullDate': équivalent à 'EEEE, MMMM d, y' (lundi 15 juin 2015)

En utilisant: {{dateObj | date: 'mediumDate'}}

Vous pouvez ajouter un tube costum si le basique ne vous convient pas.

https://angular.io/api/common/DatePipe

1 commentaires

Ce n'est pas une réponse. Vous ne pouvez pas simplement fournir un lien pour répondre. Écrivez-y quelques explications et ajoutez votre lien comme référence à plus d'informations.

0
votes

Si vous souhaitez l'afficher dans les champs de saisie, je vous suggère d'analyser la date dans la classe elle-même comme ci-dessous et de l'utiliser dans les champs de saisie:

Pour l'année, vous pouvez faire: newDate.getFullYear()
Pour le mois, créez un tableau de noms de mois, comme: let monthNames = ['Jan', 'Feb', ..., 'Dec'] , obtenez l'index du mois à partir de la date et utilisez que pour obtenir le nom du mois monthNames[newDate.getMonth()
Pour la date, newDate.getDate()

Si vous souhaitez simplement afficher la date dans un modèle HTML, vous pouvez utiliser Angular Datepipe , comme ci-dessous:

Pour l'année, {{newDate | date: 'aaaa'}}
Pour le mois, {{newDate | date: 'MMM'}}
Pour la date, {{newDate | date: 'jj'}}

0 commentaires