Date picker TypeError: setAttribute is not a function setAttribute(scope.$parent, value);

[FDiskas]

I got error then datepicker is closed after date is selected
Version: 0.12.0 - 2014-11-16

TypeError: setAttribute is not a function
setAttribute(scope.$parent, value);

[antoinepairet]

Could you please create a plunkr showing the issue?
thx

[FDiskas]

http://plnkr.co/edit/lSMwdgXmXXu3VA2RQXeI?p=preview
Tried to make date picker on input focus. The error you can see in console.

is-open="focus" ng-focus="focus=true"

[rvanbaalen]

This is still pending. For me, this error occurs when I try to set datepicker-mode:

<input
        type="text"
        class="form-control"
        placeholder="{{ 'LABEL.PLEASE_CHOOSE' | translate }}"
        id="dob"
        name="dob"
        ng-model="relation.dob"
        max-date="datepickerEighteen"
        datepicker-mode="year"
        datepicker-popup="dd-MM-yyyy"
        datepicker-options="dobOptions"
        is-open="dobOpened"
        required
        readonly="readonly">

The above example does not throw the error. That is because the datepicker-mode value is set to year. Datepicker does not read this as a valid value. Therefore I tried 'year' as a value (with the single quotes).

That seems to work in terms of datepicker functionality: the datepicker opens with the year view.

<input
        type="text"
        class="form-control"
        placeholder="{{ 'LABEL.PLEASE_CHOOSE' | translate }}"
        id="dob"
        name="dob"
        ng-model="relation.dob"
        max-date="datepickerEighteen"
        datepicker-mode="'year'" <!-- mind the single quotes here ' ' -->
        datepicker-popup="dd-MM-yyyy"
        datepicker-options="dobOptions"
        is-open="dobOpened"
        required
        readonly="readonly">

But when I have 'year' as a value, it throws the above mentioned error for the function called here on line 494 in datepicker.js

datepickerEighteen is a Date() object with it's year set to current year - 18 to force a minimum age of 18 as a valid input.

I'm using Angular 1.3 with Bootstrap UI 0.12.1

[trueqbit]

How big are the chances that the fix gets in? It always happens when datepicker-mode is specified as a string literal, whenever you switch the mode browsing the dates.

It's fixable by using a binding, though. So I assume that the correct fix would be to not let the scope watch the value at all, since it's a constant string anyway...

[jafin]

Another Plnkr for this, run in angular 1.3.15 and ui-bootstrap-tpls-0.13.0.js http://plnkr.co/edit/QGlIlxgU4SfkQ7oWVOlX?p=preview

[rvanbaalen]

Fix landed in ed10899

[john-jay]

The fix in 0.13.1 worked for me. Thanks! I am using "triple-quotes" for the mode:

input type="text" ng-model="DOB" datepicker-popup="MM-dd-yyyy" datepicker-mode="'year'" is-open="dobOpen" ng-click="dobOpen = true" />

[uberspeck]

I just updated to ui.bootstrap 1.1.0 and Angular 1.5 and I'm now seeing this issue when i have the mode set to year

[uberspeck]

Here's a plnkr. The error happens whenever you click on anything within the popup...

[icfantv]

Reopening for investigation.

[zpisgod]

here's a workaround to avoid getting error:
a config option on $scope like this:

$scope.dateOptions = {
        datepickerMode: 'month',
        minMode: 'month'
    };

and then explicit the ‘min-mode', 'datepicker-mode' and 'datepicker-options' property in the html element from the config object defined on $scope like that

<input type="text" class="form-control" uib-datepicker-popup="dd/MM/yyyy" ng-model="today" is-open="calendarOpened" min-mode="dateOptions.minMode" datepicker-mode="dateOptions.datepickerMode" datepicker-options="dateOptions" ng-required="true" close-text="Close" />

[wesleycho]

This seems fixed in the 1.2 release - see here for an example.