javascript - 为什么 AngularUI Bootstrap 日期选择器没有弹出？

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 .