日期选择器打开以选择离子选项

Question

我已经为我的应用程序的历史记录页面创建了一个过滤器。我的过滤器在第一次尝试时工作正常，但在第一次尝试后，当我尝试单击选择选项字段时，它会打开一个日期选择器。 （我的下一个字段有一个日期选择器，我认为当我点击我的选择选项时焦点会自动转到该字段）。我该如何解决这个问题？

我的过滤器代码

<script id="image-modal.html" type="text/ng-template">

      <div class="centered" >

      <ion-item style="width:290px;height:350px;" >

      <div class="closeButton">
      <a class="icon-right button-small button-clear ion-ios7-close-outline" style="float:right;"ng-click="modal.hide();"></a>
      </div>
      <div>
      <h2 > Filter Search </h2>
      </div>





      <label class="item item-input custom-input-label item-stacked-label " >
      <span class="input-label" >Account :</span><br>
      <select style="width:100%;" id="filterAcc" ng-model="filter.acc" ng-options="account.account for account in accountsArr" >
      <option id="default" value="" selected="selected">--Select Account--</option>
      </select>
      </label>


      <label class="item item-input custom-input-label item-stacked-label ">
      <span class="input-label" >From :</span><br>
      <input type="date" id="fromDate" name="input" ng-model="filter.fromDate"
      placeholder="Select From Date" required />
      </label>



      <label class="item item-input custom-input-label item-stacked-label ">
      <span class="input-label" >To :</span><br>
      <input type="date" id="toDate" name="input" ng-model="filter.toDate"
      placeholder="Select To Date" required />
      </label>



        <div class="col" style="padding=true;">
      <button class="button button-small button-positive"  style="display: inline-block;width:100px;margin-left:50px;" ng-click="modal.hide(); filter(filter);">Filter</button>

      </div>

      </ion-item>
      </div>
      </script>

这是我第二次点击选择选项时的显示方式