AngularJs:Datepicker弹出窗口未定义

Question

我正试图让一个有角度的日期选择器像这个fiddle中的例子一样工作-http://jsfiddle.net/uberspeck/4ht8y4nw/

然而，当我这样做时，我会得到错误"TypeError:无法读取未定义"的属性"text">

我知道这是由中的线路datepicker-popup=""引起的

          <input
            type="text"
            id="popup"
            class="form-control"
            datepicker-popup=""
            ng-model="today"
            is-open="opened"
            min-date="minDate"
            ng-click="open()"/>

但我不知道如何消除这个错误，我看不出我所做的和这个例子之间的区别。

我有以下脚本-ui-botstrap-tpls-0.13.0.js，bootstrap.min.css V3.3.4，angular.min.js V1.3.15

Answer 1

您可能需要的是日期选择器的格式。

<input type="text" datepicker-popup="{{format}}">

在控制器中提供以下格式：

$scope.formats = ['dd-MMMM-yyyy', 'yyyy/MM/dd', 'dd.MM.yyyy', 'shortDate'];
$scope.format = $scope.formats[0];

我在fiddle中看到的是弹出窗口上没有开始传播的方法。

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

fiddle中的标签需要一个点击事件来开始传播。

<label for="popup" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></label>

查看工作小提琴：http://jsfiddle.net/4ht8y4nw/100/