AngularJS ui-date format

Question

So I have :

<input ng-model="date1" ui-date>
<div ng-model="date2" ui-date></div>

It works great. The div calendar 'date2' will follow the change of its previous ui-date input, namely 'date1' the input box.

AngularUI did a great job, when you have multiple input+div calendars existing in one page, imagine a travel agent booking page, 'date4' will group with 'date3' automatically, 'date6' will group with 'date5' automatically ...etc. well done.

However, in my sample code <input ng-model="date1" ui-date> only works in US format with back-slash delimiters 'MM/dd/yyyy'.

My question is, how do I change the default input date format? If I want to have iso-8601 'yyyy-MM-dd' as my input, ui-date doesn't seem to recognise it as a valid input.

I tried ui-date="yyyy-MM-dd" it doesn't seem to have any effects.

maxisam · Accepted Answer · 2012-11-11 07:37:20Z

12

Since this is a wrapper for the datepicker in jQueryUI, you should check the document here

You can set it like this

ui-date="{ dateFormat: 'yy-mm-dd' }"

Here is the plunker

edited Nov 11, 2012 at 7:37

answered Nov 11, 2012 at 7:12

maxisam

22.9k9 gold badges83 silver badges87 bronze badges

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

1 Comment

Tom Over a year ago

Thank you! it helps! How do I know which one is JQuery wrapper or where they are from in AngularUI?

Collectives™ on Stack Overflow

AngularJS ui-date format

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related