兩個ion-datetime同時使用遇到的問題及其預設值
阿新 • • 發佈:2018-11-17
當同時使用兩個ion-datetime標籤時,首個該標籤的單擊事件似乎會轉移到第二個該標籤上,
以下是解決方法
在CSS樣式內新增以下內容
ion-datetime {
position: relative;
}
下面是設定預設值(注意一定要給name,不然好像會報錯)
<p class="p-datetime"> <ion-datetime class="start-end-date" displayFormat="MM/DD/YYYY" [(ngModel)]="startDate" name="startDate"></ion-datetime> <span class="to">-</span> <ion-datetime class="start-end-date" displayFormat="MM/DD/YYYY" [(ngModel)]="endDate" name="endDate"></ion-datetime> </p>
startDate: any; endDate: any; constructor(public navCtrl: NavController, public navParams: NavParams) { this.startDate = new Date().toISOString(); this.endDate = new Date().toISOString(); }