AngularJS date validation (formats)

Question

I could use some help. I am having input field with type="text" and ng-required="true". I am using datepicker (Angular UI Bootstrap).

If my input is empty, someForm.someInput.$error returns "required":true, which is okay. If my input is filled with "someText", someForm.someInput.$error returns "date":true, which is odd to me.

How is this triggered, is this done by directive datepicker? I don't have type="date" or something.*
How could I achieve that date in format "dd.MM.yyyy" would be valid?

If I enter 01.01.2015 or 01.13.2015 - this seems to be valid (no "date":true) but apparently it isn't. I guess current valid format is "yyyy.MM.dd".

Note: I am also using angular locale file, if this is important.

To validate a date pattern you should use ng-pattern="space for regex expression". After adding this you should have correct validation of the date input. — Rafał Czabaj
– Rafał Czabaj, Commented Jun 10, 2015 at 12:27
Thank you for your comment. I am not sure if this is the answer cause date validation can still be present and I don't know what part of code is triggering this. — be-codified
– be-codified, Commented Jun 10, 2015 at 15:37
Can you provide the snippet of your code with the input field? — Rafał Czabaj
– Rafał Czabaj, Commented Jun 12, 2015 at 16:10
Did u find any solution to this one? Facing the same problem! — Sagar Ranglani
– Sagar Ranglani, Commented Dec 10, 2015 at 12:46

be-codified · Accepted Answer · 2015-06-13 10:02:31Z

1

I found out that datepicker is using two values. One for model, one for input. This works if you enter date by selecting it from popup, although not working if typing it in input field.

I have solved this issue by putting readonly attribute to input field.

answered Jun 13, 2015 at 10:02

be-codified

6,17419 gold badges44 silver badges67 bronze badges

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

Comments

Sagar Ranglani · Accepted Answer · 2015-12-10 13:22:27Z

0

In my case (RoR and AngularJS), I was saving the data into the server the next time when you get the data from the server, the datepicker has {date: true} validation error.

What I did to fix this? Instead of sending iso8601 format string or UTC format string, I tried returning the milliseconds format

Following example in ruby will clarify what removed the date validation on angular ui bootstrap datetimePicker.

my_object.my_timestamp # DID NOT WORK :-(
my_object.my_timestamp.iso8601 # DID NOT WORK :-(

my_object.my_timestamp.to_f * 1000 # WORKED :-)

Hope this helps!

answered Dec 10, 2015 at 13:22

Sagar Ranglani

5,7014 gold badges37 silver badges47 bronze badges

Collectives™ on Stack Overflow

AngularJS date validation (formats)

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related