Html 从标签内的按钮调用函数

我已经开始使用Ionic 1开发一个小应用程序

这里我使用了

ionic日期选择器

external插件作为我应用程序的日期选择器

我需要将按钮放在输入字段同一行的标签内

 <label class="item item-input">
       <input type="text" ng-model="newEvent.date" placeholder="{{date}}">
       <button class="button button-full button-positive" ng-click="openDatePicker()">
           Date
      </button>   
  </label>

日期

我需要像这样放置元素。但在这里，函数不调用。但是当我把同样的按钮放在标签外时，它就起作用了

---

为什么呢？我怎样才能做到

label元素截取click事件并聚焦相关输入。我建议您将标签和按钮包装在div元素中。

我删除了我的注释，因为我不确定它是否正确，但您可以单击标签并通过

for

属性将其与输入关联，因此在那里放置按钮似乎不正确。您的HTML无效。标签内不能有多个表单控件。从解决这个问题开始。