1. 程式人生 > >兩個ion-datetime同時使用遇到的問題及其預設值

兩個ion-datetime同時使用遇到的問題及其預設值

當同時使用兩個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();  

    }