Angular Material date picker error

Question

I'm trying to use md-datepicker component unfortunately i'm seeing some errors in console.

HTML Code:

<md-datepicker ng-model="vm.addfamilymember.dob" 
               md-placeholder="Date of Birth">
</md-datepicker>

Console Error

angular.min.js:118 Error: The ng-model for md-datepicker must be a Date instance. Currently the model is a: string
    at Error (native)

Try setting vm.addfamilymember.dob to new Date() in your controller — TomSlick
– TomSlick, Commented Sep 26, 2016 at 14:42

Minal · Accepted Answer · 2016-09-26 14:42:55Z

1

$scope.vm.addfamilymember.dob = new Date(); do this in controller

answered Sep 26, 2016 at 14:42

Minal

112 bronze badges

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

1 Comment

Thanks for your suggestion. It worked finally by adding ng-change="vm.addfamilymember.dob = dt.toLocaleDateString()"