jQuery Mobile, HTML5, setting input field of type="date"

Question

I am using jQuery mobile 1.1.0. I have a form where the user can edit information. In that form are 2 fields with date values. Since I want to leverage the built in date picker functionality, the input type is set to "date". When the form loads on a desktop browser the value is set properly with a date, however when I view the same form on my mobile device (iPhone iOS 5), the date fields are not populated.

Below is one field, with the type="text". The value gets set fine:

<input type="text" id="name"  />

$("#name").val(obj.Name);

The date field (type="date") never gets a value set:

<input type="date" id="startdate" />

$("#startdate").val(obj.StartDate);

As stated, on a desktop browser (Chrome/Firefox), the fields get a value set. It's on the Safari mobile that it doesn't.

If this has already been answered somewhere please excuse me! I've searched but haven't found anything related.

I found the solution at stackoverflow.com/questions/11183959/…. — AK76
– AK76, Commented Jul 6, 2012 at 23:57

Community · Accepted Answer · 2017-05-23 11:59:09Z

11

I found the answer from another post: Setting the value of date inputs on iPad

It's simply a matter of formatting the date to yyyy-MM-dd, it's that simple.

edited May 23, 2017 at 11:59

CommunityBot

11 silver badge

answered Jul 6, 2012 at 23:59

AK76

2191 gold badge2 silver badges12 bronze badges

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

Collectives™ on Stack Overflow

jQuery Mobile, HTML5, setting input field of type="date"

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related