angular2-datetimepicker DatePicker.html:60 ERROR TypeError: Cannot read property 'getMonth' of undefined(…)

DatePicker.html:60 ERROR TypeError: Cannot read property 'getMonth' of undefined(…)

Open vignesh2694 opened this issue 7 years ago • 12 comments

please help.

I followed these steps

https://www.npmjs.com/package/angular2-datetimepicker

Jan 19 '18 07:01 vignesh2694

Is it within a form tag ? If so, you need to specify the name attribute.

Jan 19 '18 15:01 Puex

Same issue with me as well. Yes it was under form and I do have specified name but still same error:

ERROR TypeError: Cannot read property 'getMonth' of undefined
    at Object.eval [as updateDirectives] (DatePicker.html:60)
    at Object.debugUpdateDirectives [as updateDirectives] (core.es5.js:13056)
    at checkAndUpdateView (core.es5.js:12236)
    at callViewAction (core.es5.js:12601)
    at execEmbeddedViewsAction (core.es5.js:12559)
    at checkAndUpdateView (core.es5.js:12237)
    at callViewAction (core.es5.js:12601)
    at execComponentViewsAction (core.es5.js:12533)
    at checkAndUpdateView (core.es5.js:12242)
    at callViewAction (core.es5.js:12601)
    at execComponentViewsAction (core.es5.js:12533)
    at checkAndUpdateView (core.es5.js:12242)
    at callViewAction (core.es5.js:12601)
    at execEmbeddedViewsAction (core.es5.js:12559)
    at checkAndUpdateView (core.es5.js:12237)

If I move it outside form, it works fine - however, name property is still required.

Jan 31 '18 09:01 rakesh410

We ran into this same issue. For some reason, when you use this component within a form, it tries to evaluate that bit of html before writeValue ever gets called. I have no idea why it does this, but we were able to fix the issue by setting this.date to a blank date in ngOnInit.

Feb 15 '18 05:02 lukecolburn

Here is the code luke added to make it work:

//add this to your component import { DatePicker } from 'angular2-datetimepicker';

//place this in your constructor DatePicker.prototype.ngOnInit = function() { this.settings = Object.assign(this.defaultSettings, this.settings); if (this.settings.defaultOpen) { this.popover = true; } this.date = new Date(); };

Luke is a wizard.