jquery mobile date field default value not populating

Question

<input type="date" name="logdate" id="logdate" value="11/15/2013" />

This is the HTML I'm using for a date field in Jquery mobile.

It's always blank on my iPhone with iOS7 with Safari.

Also always blank on my Android with Chrome

Populates as expected in Firefox, Chrome, etc. desktop

Is it possible to set the default value of a data field in jQuery mobile?

jQuery Mobile 1.3.2 jQuery 1.9.1

I've found around a half dozen articles suggesting javascript, etc. but none work and it seems like the "value" attribute should tag care of this.

Like this... this did not work:

How to set default current date using jquery mobile?

It works when you run it via jsFiddle on a desktop browser but not on the mobile browsers I have at my disposal.

Jason · Accepted Answer · 2013-11-15 19:53:01Z

3

This could a side effect of the HTML5 input type of date not being fully supported on all browsers yet. To check this see the CanIUse.com section for input of type date.

Another thing to look at is how you are trying to set the value of the date. According to the documentation the date must be in the format YYYY-MM-DD.

answered Nov 15, 2013 at 19:53

Jason

1,9791 gold badge16 silver badges19 bronze badges

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

1 Comment

trippy1976 Over a year ago

[code]<input type="date" name="logdate" id="logdate" value="<?= date("Y-m-d", time()) ?>"/>[/code] I used this based on your suggestion and it worked. I had been trying to use javascript to set the default but doing this using PHP worked. Did not test, but imagine the key is using the format you suggest and it would likely work in Javascript.

Collectives™ on Stack Overflow

jquery mobile date field default value not populating

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