angularjs ui bootstrap datepicker popup没有文本输入字段

Question

我找不到配置angularjs ui-bootstrap datepicker弹出窗口的方法,以便它只显示按钮,而不是前面的文本输入字段.

有没有人有类似的要求？

Answer 1

这有效:

.date-popup {
  opacity: 0;
  width: 0;
}

<p class="input-group">
  <span class="input-group-btn">
    <input type="text" class="date-popup"
           datepicker-popup="{{format}}" ng-model="dt"
           is-open="opened" datepicker-options="dateOptions"
           date-disabled="disabled(date, mode)" ng-required="true"
           show-weeks="false" close-text="Close">
    <button type="button" class="btn btn-default" ng-click="open($event)">
      <i class="glyphicon glyphicon-calendar"></i>
    </button>
  </span>
</p>