javascript - angular-ui 和 datepicker 指令错误

Question

我正在尝试以下示例/演示，但我的 chrome 控制台中一直出现此错误:

Error: Non-assignable model expression: undefined (directive: datepicker)

我在执行过程中没有收到任何 404。

使用的代码基于:

http://angular-ui.github.io/bootstrap/#/modal

或

http://plnkr.co/edit/?p=preview

我的模态模板中的代码:

<pre>Selected date is: <em>{{dt | date:'fullDate' }}</em></pre>
    <div class="well well-small pull-left" ng-model="dt">
        <datepicker min="minDate" show-weeks="showWeeks"></datepicker>
    </div>

模态 Controller 中的代码:

$scope.today = function () {
        $scope.dt = new Date();
    };
    $scope.today();

    $scope.showWeeks = true;
    $scope.toggleWeeks = function () {
        $scope.showWeeks = !$scope.showWeeks;
    };

    $scope.toggleMin = function () {
        $scope.minDate = ($scope.minDate) ? null : new Date();
    };
    $scope.toggleMin();

    $scope.dateOptions = {
        'year-format': "'yy'",
        'starting-day': 1
    };

Answer 1

解决方案是在日期选择器中定义 ng-model:

<div class="well well-small pull-left" >
        <datepicker min="minDate" show-weeks="showWeeks" ng-model="dt"></datepicker>
    </div>