Question

我试图让一个有角度的日期选择器像在这个小提琴中看到的那样工作 - http://jsfiddle.net/uberspeck/4ht8y4nw/

然而，当我这样做时，我收到错误＆＃39; TypeError：无法读取属性＆＃39; text＆＃39;未定义＆＃39;

我知道这是由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的自举TPLS-0.13.0.js， bootstrap.min.css V3.3.4， angular.min.js V1.3.15

Answer 1

您可能需要的是datepicker的格式。

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

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

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

我在小提琴中看到的其他内容是弹出窗口上没有方法可以开始传播。

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

您在小提琴中所拥有的标签需要点击事件才能开始传播。

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

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

AngularJs：Datepicker-popup未定义

1 个答案: