Onchange correction on date

Simon · Jun 22, 2005

Hello,
I'm in need of a script that will adjust a date in a textfield.
For example: I type: 31012005 and leave this textfield. On leaving,
javascript should correct this to 31-01-2005.
Can anybody help me with this?

Thanks,
Simon

alu · Jun 22, 2005

Simon said:
Hello,
I'm in need of a script that will adjust a date in a textfield.
For example: I type: 31012005 and leave this textfield. On leaving,
javascript should correct this to 31-01-2005.
Can anybody help me with this?

Thanks,
Simon

You might want to look up the String.length property, and the methods
String.substr, String.sub, and String.concat
See any javascript site, e.g.,
http://www.javascriptkit.com/jsref/string.shtml
-alu

McKirahan · Jun 22, 2005

Simon said:
Hello,
I'm in need of a script that will adjust a date in a textfield.
For example: I type: 31012005 and leave this textfield. On leaving,
javascript should correct this to 31-01-2005.
Can anybody help me with this?

Thanks,
Simon

Will this help? Watch for word-wrap.

<html>
<head>
<title>ddmmyyyy.htm</title>
<script type="text/javascript">
function formatDate(that,goto) {
if (that.value.length != 8) return;
var what = that.value.substr(0,2) + "-";
what += that.value.substr(2,2) + "-";
what += that.value.substr(4);
that.value = what;
document.getElementById(goto).focus();
}
</script>
</head>
<body>
<form>
<input type="text" name="date1" id="date1"
size="10" maxlength="10" value="" onkeyup="formatDate(this,'text1')">
<input type="text" name="text1" id="text1"
size="10" maxlength="10" value="">
</form>
</body>
</html>

FYI -- the format "yyyy-mm-dd" is preferable to "dd-mm-yyyy".

Matt Kruse · Jun 22, 2005

Simon said:
I'm in need of a script that will adjust a date in a textfield.
For example: I type: 31012005 and leave this textfield. On leaving,
javascript should correct this to 31-01-2005.

Aside from the fact that you can't know for sure what format the user typed
in his date (could be ddMMyyyy or MMddyyyy, etc) you can use my date
functions to easily check the format and validity, and do the transform:
http://www.JavascriptToolbox.com/date/

Dr John Stockton · Jun 23, 2005

JRS: In article <[email protected]>, dated
Wed, 22 Jun 2005 10:58:08, seen in alu

You might want to look up the String.length property, and the methods
String.substr, String.sub, and String.concat
See any javascript site, e.g.,
http://www.javascriptkit.com/jsref/string.shtml

ISTM more easily done by RegExp, along the lines of

X = X.replace(/^(\d\d)(\d\d)(\d\d\d\d)$/, "$1-$2-$3")

Simon · Jun 23, 2005

Thanks, "McKirihan", I used your script, it works well.

McKirahan · Jun 23, 2005

Simon said:
Thanks, "McKirihan", I used your script, it works well.

[snip]

Here's a version with the "John Stockton" approach:

<html>
<head>
<title>ddmmyyyy.htm</title>
<script type="text/javascript">
function formatDate(that,goto) {
if (that.value.length != 8) return;
that.value = that.value.replace(/^(\d\d)(\d\d)(\d\d\d\d)$/, "$1-$2-$3")
document.getElementById(goto).focus();
}
</script>
</head>
<body>
<form>
<input type="text" name="date1" id="date1" value=""
onkeyup="formatDate(this,'text1')">
<input type="text" name="text1" id="text1" value="">
</form>
</body>
</html>

Dr John Stockton · Jun 23, 2005

JRS: In article <[email protected]>, dated Thu, 23 Jun
2005 08:38:18, seen in McKirahan

function formatDate(that,goto) {
if (that.value.length != 8) return;
that.value = that.value.replace(/^(\d\d)(\d\d)(\d\d\d\d)$/, "$1-$2-$3")
document.getElementById(goto).focus();
}

Method getElementById is not always available.

If the replacement did not occur, focus should not be changed.

By checking that the character entered was a digit, and removing it
otherwise, one could be sure that at 8 characters the replacement would
occur. Use that.value = that.value.replace(/\D+/g, "") to also
deal with pasting in by ^V .

alu · Jun 24, 2005

Dr John Stockton said:
ISTM more easily done by RegExp, along the lines of

X = X.replace(/^(\d\d)(\d\d)(\d\d\d\d)$/, "$1-$2-$3")

What a great group; I try to contribute a bit occasionally, and learn a lot
in the process.
Thanks John; I'd forgotten about the all-powerful RegExp - time to do some
reading.
-alu

Anyone familiar with WP Bakery and/or Visual Composer?	4	Jan 27, 2023
onChange from iframe	5	Aug 24, 2011
nicEdit and onchange	7	Jun 16, 2009
Need help with this script	4	Mar 12, 2023
Working on mobile css menu with plenty of frustration!	2	Dec 29, 2022
How to use PDF-lib and how to center each line of texts on the page?	1	Aug 16, 2023
calendar and onchange question	0	May 23, 2007
date and onchange...	5	Jan 17, 2005

Onchange correction on date

Simon

alu

McKirahan

Matt Kruse

Dr John Stockton

Simon

McKirahan

Dr John Stockton

alu

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads