2017-09-19 210 views
0

你能告訴我如何設置minmax日期離子datetime採用momentjs(我已經安裝它正確)?最小和最大日期使用Momentjs離子日期時間選擇器

我已經完成了min的日期,如下所示。但我需要使用momentjs來完成。

分鐘=本年度

最大= CURENT年+3年

.TS

minDate = new Date().toISOString(); 

的.html

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

回答

1

使用moment創建兩個日期(它在沒有參數的情況下調用時返回當前日期/時間)。爲maxDate添加三年。轉換日期字符串中的年份格式: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

相關問題