如何将变量传递到Ionic日期时间输入属性？

Question

我想将变量someVar传递给Ionic 2（和Angular 2）DateTime组件的max属性（输入属性）。它似乎只接受硬编码的字符串，例如max="2017-08-31"。

HTML

<ion-datetime displayFormat="DD/MM/YYYY" max="someVar" [(ngModel)]="toDate"></ion-datetime>

的JavaScript

export class myPage {

  public someVar: string = ''; // linked to another user input

  constructor() {}

}

Answer 1

我认为是角2？您可以将其作为字符串传递，例如：

<ion-datetime displayFormat="DD/MM/YYYY" max="some-var" [(ngModel)]="'fromDate'"></ion-datetime>

注意引号（'）

Answer 2

虽然我无法将变量传递给max属性，但将今天的日期传递给ngModel可确保该字段的最大可用日期为当前年份的12月31日。

在今天限制“到”日期本来不错，但这不是必需的。

Answer 3

要将变量传递给max属性，像这样在{{}}中传递

<ion-datetime #picker pickerFormat="DD MMM YYYY" min="2018" max="{{ this.todayDate }}"></ion-datetime>

当然，在.ts文件中声明了maxDate