只讀屬性，並不能防止鍵盤顯示

Question

我試圖通過對輸入處理click事件使用的離子2本機日期選取器：

<ion-item> 
    <ion-label stacked>Start</ion-label> 
    <ion-input type="datetime" readonly="true" placeholder="Choose a date" formControlName="date" (click)="onDateClick($event)" tappable></ion-input> 
    </ion-item> 

但readonly屬性似乎不是不防止鍵盤第一次顯示，我必須再次點擊才能讓本地日期選擇器顯示（在onDateClick($event)中處理）。

我試圖用disabled屬性，它的作品，但風格是不同的，在某種程度上它看起來像它採用反應形式時，是不是一個好模式...

任何想法如何防止這一首秀鍵盤？

***** EDIT *****

這裏是onDateClick功能

onDateClick(e: Event) { 
    console.log('NewEventPage#onDateClick'); 

    if (this.platform.is('cordova')) { 
     this.datePicker.show({ 
     date: new Date(), 
     mode: 'datetime', 
     allowOldDates: false 
     }).then(
     date => { 
      console.log('Picked date ', date); 
      this.startDate = moment(date); 
      this.newEventForm.get('date').setValue(moment(date).format('LLLL')); 
     }, 
     err => console.log('Error occurred while getting date: ', err) 
    ); 
    } else { 
     let tmp = new Date(); 
     this.startDate = moment(tmp); 
     this.newEventForm.get('date').setValue(moment(tmp).format('LLLL')); 
    } 
    } 

Answer 1

像這樣做：

<ion-item> 
    <ion-label stacked>Start</ion-label> 
    <ion-input type="datetime" [readonly]="true" placeholder="Choose a date" formControlName="date" (click)="onDateClick($event)" tappable></ion-input> 
    </ion-item> 

readonly是離子的輸入屬性 - 這就是爲什麼它必須寫在括號內。你可以找到更多的信息here。