从Angularjs UI引导日期选择器中删除按钮

从Angularjs的UI引导示例中，我使用以下代码创建了UI日期选择器

<div class="col-md-2">
 <p class="input-group">
    <input type="text" class="text-box input-large input-large-altered" name="HandOverToOwner" datepicker-popup="dd.MM.yyyy"  ng-model="project.dt" is-open="opened" ng-required="true"  />
          <span class="input-group-btn">
             <button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
           </span>
  </p>
  <span class="help-block" ng-show="ProjectCreate.HandOverToOwner.$error.required">Required*</span>
</div>

---

如果我正确理解了您的问题，并且您希望在单击输入字段时触发日期选择器，则需要在

元素中添加

ng click=open（$event）

<div class="col-md-2">
 <p class="input-group">
    <input type="text" class="text-box input-large input-large-altered" name="HandOverToOwner" datepicker-popup="dd.MM.yyyy"  ng-model="project.dt" is-open="opened" ng-click="open($event)" ng-required="true"  />
  </p>
  <span class="help-block" ng-show="ProjectCreate.HandOverToOwner.$error.required">Required*</span>
</div>

---

您好，谢谢您的回复。但在这种情况下，如果我有多个相同形式的datepicker，单击其中一个，它会打开所有框中的弹出窗口。在其他情况下，我将不得不为每个文本框编写函数。有没有办法不使用ng click=“open（$event）”属性。确定。添加了一种使用多个日期选择器的可能（但可能有点混乱）方法。解决方案是为

$scope.opened

使用一个数组，并在is open in html中使用该数组。还为此添加了一个plunker。这解决了问题。。谢谢但我注意到，如果切换到版本0.10.0，则ng不需要打开，不再需要单击属性。我不知道为什么：）但现在我会接受你的解决方案。谢谢你帮助这个新手…@Hilde我很想在plunkler中看到你的答案，但不幸的是链接不起作用：（@MuhammedAthimannil，plunkler似乎不见了，是的。谢谢你给我提供关于taht的反馈。我会尽快提供一些新的！修复后我会通知你：）

<div class="col-md-2">
 <p class="input-group">
    <input type="text" class="text-box input-large input-large-altered" name="HandOverToOwner" datepicker-popup="dd.MM.yyyy"  ng-model="project.dt" is-open="opened" ng-click="open($event)" ng-required="true"  />
  </p>
  <span class="help-block" ng-show="ProjectCreate.HandOverToOwner.$error.required">Required*</span>
</div>

<div class="col-md-2">
 <p class="input-group">
    <input type="text" class="text-box input-large input-large-altered" name="HandOverToOwner" datepicker-popup="dd.MM.yyyy"  ng-model="project.dt1" is-open="opened['id1']" ng-click="open($event, 'id1')" ng-required="true"  />
  </p>
  <p>
    <input type="text" class="text-box input-large input-large-altered" name="HandOverToOwner" datepicker-popup="dd.MM.yyyy"  ng-model="project.dt2" is-open="opened['id2']" ng-click="open($event, 'id2')" ng-required="true"  />
  </p>
  <span class="help-block" ng-show="ProjectCreate.HandOverToOwner.$error.required">Required*</span>
</div>

$scope.opened = [] # initalize open as array somewhere in your controller

$scope.open = function ($event, id) {
  $event.preventDefault();
  $event.stopPropagation();
  $scope.opened[id] = true;
};