angularjs | date input not showing ng-model value

Question

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?

it works if you use <input type='text'>. Can you use bootstraps datepicker instead of the native html5 type='date'? — BenCr
– BenCr, Commented Mar 26, 2014 at 16:36

Slava Fomin II · Accepted Answer · 2014-04-23 13:14:41Z

8

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!

edited Apr 23, 2014 at 13:14

answered Apr 19, 2014 at 19:04

Slava Fomin II

29k36 gold badges136 silver badges208 bronze badges

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

5 Comments

PilotBob Over a year ago

why is the directive adding a month to the initialized date?

Slava Fomin II Over a year ago

@PilotBob well, it shouldn't. Please create an issue and attach a Plunk to demonstrate the problem. I will try to fix it as soon as possible. Thanks )

PilotBob Over a year ago

Here is what I see when I view the jsfiddle linked above. You initialize the date to March 19th but I see April 19. screencast.com/t/WJmhhSx65

Slava Fomin II Over a year ago

@PilotBob I think you are confused with the Date object API. When you instantiate a new Date object in the JavaScript the month value is zero-based, not one-based. So the 3 is actually an April (3 + 1 = 4). Please see the docs: developer.mozilla.org/en/docs/Web/JavaScript/Reference/… Don't ask me why JavaScript creators decided to do such a weird thing ))

PilotBob Over a year ago

Ah, I was wondering if that was the issue, but then thought, no, that would be a most stupid API.

Peter Lyons · Accepted Answer · 2014-04-09 21:00:00Z

2

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.

answered Apr 9, 2014 at 21:00

Peter Lyons

147k32 gold badges285 silver badges281 bronze badges

Comments

Geethu · Accepted Answer · 2016-07-18 09:42:43Z

0

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 .

answered Jul 18, 2016 at 9:42

Geethu

1

Collectives™ on Stack Overflow

angularjs | date input not showing ng-model value

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

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

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

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related