2017-09-19 5 views
0

maxイオンの日付datetimeピッカーの設定方法を教えてもらえますか(これは正しくインストールしましたか?Ionic datetime pickerにMomentjsを使用した最小値と最大値

私はminの日付で以下のように行っています。しかし、私はmomentjsを使ってそれを行う必要があります。

分=現在の年

最大=海流年+ 3年

.TS

minDate = new Date().toISOString(); 

.htmlを

<ion-datetime displayFormat="D MMM, YYYY" [min]="minDate" 
formControlName="completionDate" [(ngModel)]="data.completionDate"></ion-datetime> 

答えて

1

momentを使用して2つの日付を作成します(パラメータなしで呼び出された場合は現在の日付/時刻を返します)。 maxDateに3年間を追加します。 20172020

TS:

minDate = moment().format('YYYY'); 
maxDate = moment().add(3, 'y').format('YYYY'); 
// To set current date as today 
myDate = moment().toDate(); 

ビュー:

<ion-datetime displayFormat="D MMM, YYYY" [min]="minDate" [max]="maxDate" [(ngModel)]="myDate"> 
+0

それが正常に動作している日付は、年の形式の文字列に変換します。ありがとう。しかし、開始日を現在の日付に設定する方法を知っていますか?つまり、現在の年から日付選択を開始する必要があります。しかし、今それは '2020'を示しています。これを見てください:https://i.imgur.com/XLN69mF.png – Sampath

+0

'myDate = moment()。toDate'を使うと、' myDate'が現在の日付に設定されます。 – alexmac

+0

実際には動作していません。あなたは私の元の質問の解決策を私にくれました。私はstackblitzプロジェクトの作業についてそれに関する別の質問をします。ありがとうたくさん:) – Sampath

関連する問題