Javascript 需要在单击日历图标时打开datepicker弹出窗口，而不是单击输入字段

我下面的日期选择器代码如下所示。工作正常。但是当我点击输入字段时，datepicker弹出窗口就会打开。但是我想在我点击日历图标后打开它。请给我一个实现这一目标的方法

 <div class="col-sm-6 col-md-6 col-lg-6 padleft">
    <div class="form-group">
        <label for="exampleSelect1">Start Date
        </label>
        <div class="input-group" style="width:75%">
        <div class="input-group-btn">
        <input type="text" 
        class="form-control date" 
        id="dateFrom" 
        placeholder="From" 
        ng-click="model.dateFrom=true"
        datepicker-popup="{{model.format}}" 
        ng-model="model.defect.startDate" 
        is-open="model.dateFrom" 
        datepicker-options="dateOptions" 
        date-disabled="model.disabled(date, mode)" 
        ng-required="true" 
        close-text="Close"  my-date>
          <span class="btn btn-default " ng-click="model.dateFrom=true"><i class="glyphicon glyphicon-calendar"></i> </span>
            </div>
        </div>
    </div>
</div>

角度：1.6 使用“ui.bootstrap.datetimepicker”， 和'ui.bootstrap

您需要将ng click=model.dateFrom=true作为一个属性添加到包含日历图标的元素中，而不是其父跨度

实际上，我建议编写一个单独的函数来打开和关闭日期选择器。差不多

$scope.toggleDatePicker = function() {
    $scope.model.dateFrom = !$scope.model.dateFrom;
};

---

然后从你的html:ng click=toggleDatePicker中调用它

谢谢arykay我会试着回复你不，伙计，它没有按照你建议的方式工作。还有别的想法吗？

$scope.toggleDatePicker = function() {
    $scope.model.dateFrom = !$scope.model.dateFrom;
};