最小和最大日期使用Momentjs作为离子日期时间选择器

时间:2017-09-19 13:12:41

标签: angular typescript momentjs ionic3

您能告诉我如何使用datetime设置minmax离子momentjs选择器的日期(我已正确安装)?

我已经为min日期完成了这项工作,如下所示。但我需要使用momentjs

  

min =当前年份

     

max = curent year + 3 years

.TS

minDate = new Date().toISOString();

html的

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

1 个答案:

答案 0 :(得分:2)

使用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">