CODEWITHSUNDEEP
angularjs
Asaf Katz
Asaf Katz

Reputation: 4688

angularjs | date input not showing ng-model value

date input is not showing the date until the user change it

// showing the date
<p>{{someDate | date}}</p>

// not showing the date. instead showing mm/dd/yyyy.  
// but value will change when use change is
<input type="date" ng-model="someDate">

example code in jsbin

it IS working on version 1.3.0-beta.3, but

I need it to work on stable version 1.2.14. is it possible?

Upvotes: 11

Views: 23928

Answers (3)

Geethu
Geethu

Reputation: 1

Try converting the someDate scope variable from string to Date format and then if you use input type="date" ng-model="someDate" . This solved my problem .

Upvotes: 0

Slava Fomin II
Slava Fomin II

Reputation: 28611

I've created a simple directive to enable standard input[type="date"] form elements to work correctly with AngularJS ~1.2.16.

Please look here for details: https://github.com/betsol/angular-input-date

And here's the demo: http://jsfiddle.net/F2LcY/2/

Hope it helps!

Upvotes: 8

Peter Lyons
Peter Lyons

Reputation: 146014

I think the answer is you must upgrade to angularjs 1.3 or newer. Details in angular.js/pull/5864. The commit implementing this is pretty large to try to backport to 1.2 IMHO.

Upvotes: 2

Related Questions