AngularJs: всплывающее окно Datepicker не определено

0

Я пытаюсь заставить угловатого дампикера работать как в примере, увиденном в этой скрипке - http://jsfiddle.net/uberspeck/4ht8y4nw/

Однако, когда я делаю, я получаю сообщение об ошибке 'TypeError: Не могу прочитать свойство' text 'undefined'

Я знаю, что это вызвано линией datepicker-popup="" in,

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

Но я не знаю, как избавиться от этой ошибки, и я не вижу разницы между тем, что я делаю, и примером.

У меня есть следующие сценарии: ui-bootstrap-tpls-0.13.0.js, bootstrap.min.css V3.3.4, angular.min.js V1.3.15

Теги:
datepicker

1 ответ

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;
};

На ярлыке, который у вас есть на скрипке, требуется событие click для начала распространения.

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

См. Рабочую скрипту: http://jsfiddle.net/4ht8y4nw/100/

Поделиться
  • 0
    Я пробовал это, но я получаю ту же ошибку. Я также попытался избавиться от = "" в конце, и это также не имело значения.
  • 0
    см редактировать мой ответ
Показать ещё 3 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню