Chrome: How to set a dynamically created date picker based on a string "dd/mm/yyyy"?

Question

Some <td> tag contains a string date dd/mm/yyyy like 24/5/2012
I need to read this string date and use it to dynamically set the value of a dynamically created input date tag.

var stringDate = selectedEl.text();
anotherEl.html("<input type='date' value='" + stringDate + "'/>");

The code above has no effect. The Chrome browser just renders its empty default date picker field that contains: dd ----- yyy

It's not empty then is it, if it contains `dd ----- yyy`. What is the value of `stringDate`? — , Jun 19 '15 at 09:04
@JayMee `dd ----- yyy` is the default for Chrome empty date input field — Saleh Feek, Jun 19 '15 at 09:09
@ShaunakD The formate of the `` is baed on the user's local calendar format. — Saleh Feek, Jun 19 '15 at 09:14

score 0 · Answer 1 · answered Jun 19 '15 at 09:15

Input type date takes the format yyyy-mm-dd but displays the date localised to the browser (Chrome). So you should be able to supply the date in the format yyyy-mm-dd and it display correctly depending on localisation settings. Checkout this codepen

<input type="date" value="2008-09-05" />

Chrome: How to set a dynamically created date picker based on a string "dd/mm/yyyy"?

1 Answers1