为什么 AngularUI 引导日期选择器没有弹出？

Question

尝试 angularUI bootstrap 的 popup datepicker 演示。嵌入在他们页面中的演示有效，但我的 minimal plunker 没有 - 按钮单击不会弹出日历。知道为什么吗？

JS：

  $scope.open = function($event) {
    $event.preventDefault();
    $event.stopPropagation();

    $scope.opened = true;
    console.log('opened is now: %s', $scope.opened);
  };

HTML：

   <h4>Popup</h4>
    <div class="row">
      <div class="col-md-6">
        <p class="input-group">
          <input type="text" class="form-control" ng-model="dt" is-open="opened">
          <span class="input-group-btn">
                <button class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
              </span>
        </p>
      </div>
    </div>

Answer 1

问题是因为您没有在 ng-model="dt" 输入中提供 datepicker-popup 日期选择器弹出窗口的格式。

简单地改变这个

<input type="text" class="form-control" ng-model="dt" is-open="opened">

到这里

<input type="text" class="form-control" datepicker-popup="{{format}}" ng-model="dt" is-open="opened">

检查这个工作plunker。