angular-ui and datepicker directive error

Question

I am trying the following example/demo and I keep getting this error in my chrome console:

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

I dont get any 404s during the execution.

The code used is based on:

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

or

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

The code in my modal template:

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

The code in modal 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
    };

guiomie · Accepted Answer · 2013-08-07 20:32:20Z

3

The solution is to define the ng-model in the datepicker:

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

answered Aug 7, 2013 at 20:32

guiomie

5,1588 gold badges40 silver badges67 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

angular-ui and datepicker directive error

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related