使用绑定ngModel不会更新ion-datetime值

时间:2018-06-01 06:55:52

标签: angular ionic-framework ionic2 ionic3

我遇到的问题是:

  

用户已选择未来日期,然后将其修改为过去日期,过去日期无效,因为此日期选择是截止日期。该应用确实提示消息告诉用户截止日期不能是今天的日期和时间的过去日期,但日期的输出仍然更改为无效日期。

如果用户选择了过去的日期,我已将日期设置为不变。它适用于console.log,但不适用于html中显示的输出。

这是我的.ts文件代码:

export class SelectedtaskPage {

    ...
    dueDate: any;
    tempDueDate: any;
    taskDueDateIsSet: boolean = false;

    checkDueDate() {
       var valid = false;
       ...
       // after check if date is not past date, [valid] will be set as true

       if(!valid) {
           this.alert('')

           if(!this.taskDueDateIsSet) { // here is to check whether it is already defined or no.
               this.dueDate = null;
           } else {
               this.dueDate = this.tempPollDueDate;
           }
       }
    }
}

以下是.html文件的代码:

<ion-datetime picker 
    title="Task Due Date" 
    displayFormat="D MMMM YYYY hh:mm A" 
    [(ngModel)]="dueDate" 
    placeholder="Due date..." 
    (ionChange)="checkDueDate()" 
    [onlyValid]="{'between': {'initial': minDate, 'final': maxDate}, 'inclusive': true}" 
    >
</ion-datetime>

0 个答案:

没有答案