web-dev-qa-db-fra.com

ionic 2 date/heure affiche la date actuelle à la date future et se concentre sur la date du jour

Je développe actuellement une application utilisant ionic 2.

Mon problème concerne datetime: j'ai ce code dans mon HTML

  <ion-item>
    <ion-label stacked>Date</ion-label>
    <ion-datetime [(ngModel)]="date" formControlName="date" displayFormat="MMMM DD, YYYY" min="2017" max="2100"></ion-datetime>
  </ion-item>

Le résultat est this => http://prntscr.com/fz5lx6

Mais je veux le focaliser sur la date actuelle et non sur la date maximum.

Comment puis-je définir cela dans ionic 2?

Toute aide est très appréciée. Merci!

ionic2ionic2-datetime
4
JSmith

La [(ngModel)]="date" est la bonne façon de le faire . Vous pouvez maintenant déclarer la variable suivante dans votre fichier TypeScript:

public date: string = new Date().toISOString();

De cette façon, vous créez une date, en fonction de l'heure réelle, et vous la formatez en une chaîne avec laquelle le composant <ion-datetime> peut travailler avec ..... Une chaîne appropriée pourrait ressembler à ceci:

2017-07-23T09:10:19.621Z

Dans ce cas, vous n'avez pas besoin de l'heure après la date, car vous n'utilisez que la date.

6
Stephan Strate

J'utilise le format suivant:

captura : any = new Date().toISOString();
0
Anderson Rocha

Vous pouvez utiliser la même méthodologie que 

myDate: String = new Date().toISOString();

Et dans votre ion-datetime, faites ceci à la place:

<ion-datetime displayFormat="HH:mm" pickerFormat="HH:mm" [(ngModel)]="myDate"></ion-datetime>
0
core114

vous pouvez utiliser celui-ci aussi

currentDate: string = new Date().toLocaleDateString();

et cela ressemblera à ceci:

01/06/2018
0
warabino