如何将变量传递到 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

我假设这是 Angular 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>

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

的