两个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();  

    }

猜你喜欢

转载自blog.csdn.net/qq_41868796/article/details/84106690