Onload change date format in text box

vorl · 09-10-2012, 09:14 PM

Hi there

This problem sounds easy in my head but I just cant seem to do or find anything which works!

I have a textbox which has the date in it. The format is DD/MM/YY (ie. 10/09/12).

Onload, I would like to change the date in the textbox to format "10 September 2012".

The only reason for this change in date format is purely aesthetics

Any help appreciated. Thanks all!

xelawho · 09-10-2012, 09:26 PM

Code:

var months=["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
var bits=document.getElementById("yourtextboxid").value.split("/");
document.getElementById("yourtextboxid").value=months[bits[1]-1]+" "+bits[0]+" "+"20"+bits[2];

WolfShade · 09-10-2012, 09:26 PM

Set a window.onload = functionName; or use the jQuery .ready() to contain the code.

Get the value of the textbox.

Split the value using / as the delimiter.

Leave the date as is; set up a switch/case to change the second to the full name (ie case 1: "January", case 2: "February", etc.); add 2000 to the year.

Repopulate the textbox with the new value.

Philip M · 09-10-2012, 09:39 PM

Code:

<html>
<head>
</head>
<body onload = "changedate()">
<input type = "text" id = "mydate" value = "10/09/12">

<script type = "text/javascript">
function changedate() {
var m = ['January','February','March','April','May','June','July','August','September','October','November','December'];
var ds = document.getElementById("mydate").value.split("/");
var mth = Number(ds[1])-1;  // array index starts at 0
var newdate = ds[0] + " " + m[mth] + " " + (Number (ds[2])+2000);
}
</script>

</body>
</html>

Portuguese Water Dog Pups - adorable mostly black President Obama has one. Deposits now being taken. £680. - Ad in Exchange and Mart

vorl · 09-10-2012, 09:43 PM

Brilliant thanks guys for the advise!

Amazingly quick too!