web-dev-qa-db-ja.com

ionic 2 datetimeは、現在の日付から未来の日付までを表示し、今日の日付に焦点を当てます

現在、ionic 2.を使用してアプリを開発しています。

私の問題は日時についてです：私の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>

結果はこれです=> http://prntscr.com/fz5lx6

しかし、最大の日付ではなく、現在の日付に焦点を当てたいと思います。

ionic 2に設定するにはどうすればよいですか？

どんな助けでも大歓迎です。ありがとう！

ionic2ionic2-datetime
4
JocReciñacx

[(ngModel)]="date"は、正しい方法です。 TypeScriptファイルで次の変数を宣言できます。

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

このようにして、実際の時間に基づいて日付を作成し、<ion-datetime>コンポーネントを使用できます。適切な文字列は次のようになります。

2017-07-23T09:10:19.621Z

この場合、日付のみを使用するため、日付より後の時刻は必要ありません。

6
Stephan Strate

次の形式を使用します。

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

同じ方法を使用できます

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

そしてあなたのion-datetimeで代わりにこれをしてください：

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

これも使えます

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

そしてそれはこのようになります：

01/06/2018
0
warabino