为什么AngularUI的bootstrap datepicker没有弹出？

Question

尝试使用angularUI引导程序的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

的问题是因为你没有提供datepicker-popup在您的NG-模型= “DT” 输入的日期选择器弹出的格式。

根本改变这种

<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。