johnsmith153 — 2012-01-24T20:46:25-05:00 — #1
I'm using the HTML 5 date input type (I do understand many browsers don't support it). The problem is it always displays the selected date in the format 2012-01-25 where I want 25/01/2012.
Is there a simple, ready-made script for this?
I'm guessing 'onchange' and to check for the yyyy-dd-mm date type, but if someone can at least give me a pointer as to how I would check for the yyyy-dd-mm date type and then change it.
I'll ensure the server accepts both date types just in case JS is off / not functioning on that device, but this would improve display for many devices.
<input type="date" name='dob' id='dob' /> is the kind of thing I'm looking at.
system — 2012-01-24T21:20:19-05:00 — #2
Wouldn't it be better to have separate select lists for the day, month and year values? I mean, even when you do reformat the date components to the format you want, how will you know if a user accidentally entered 03/05/2011 instead of 05/03/2011?
johnsmith153 — 2012-01-24T21:39:51-05:00 — #3
Select boxes are slow and rubbish for dates.
But, in fact you've given me an idea.
If JS available AND HTML 5 date type (Opera etc.), then I will use the HTML 5 date type with a proper pop-up calendar ensuring they can't enter the wrong format.
If JS but no HTML 5 date type then I will use jQuery calendar tool (calendar so no probs with correct date format of dd/mm/yyyy).
Based on this I still need my question answering though.
Does anyone know how to do it?
system — 2012-01-24T21:49:23-05:00 — #4
ok if you think so :rolleyes:
In that case, just use the split() function to break up the entered date into its components. Then re-assemble the split date components into whatever format you like. It's no more than 2-3 lines of code, tops.