Skip to content

Instantly share code, notes, and snippets.

@LarryBattle

LarryBattle/autocomplete_MMDDYYYY.html

Created March 4, 2013 08:19
Show Gist options
  • Save LarryBattle/5080810 to your computer and use it in GitHub Desktop.
Save LarryBattle/5080810 to your computer and use it in GitHub Desktop.
Download ZIP
autocomplete MMDDYYYY.<br/> This function helps to autocomplete the date format MMDDYYY<br/> - Converts M to 0M and MMD to MM0D. Ex. `1/` to `01/`, `01/1/` to `01/01/`<br/> - Adds slash for MM and MMDD Ex. `01` to `01/`, `01/02` to `01/02/`<br/> - Converts YY to YYYY. Ex. `01/01/01` to `01/01/2001<br/>
Raw
autocomplete_MMDDYYYY.html
<html>
<head>
<meta charset="utf-8"/>
<link rel="stylesheet"
href="http://code.jquery.com/qunit/git/qunit.css" type="text/css"
media="screen" />
</head>
<body>
<p>
<input type="text" class="date"/>
</p>
<div id="qunit"></div>
<div id="qunit-fixture"></div>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript"
src="http://code.jquery.com/qunit/git/qunit.js"></script>
<script type="text/javascript">
$(function(){
$(".date").keyup(function(e){
var currentValue = $(e.target).val();
var newValue = autocompleteMMDDYYYYDateFormat( currentValue );
if( newValue != currentValue ){
$(e.target).val( newValue );
}
});
});
/**
* This function helps to autocomplete the date format MMDDYYY
* Converts M to 0M and MMD to MM0D. Ex. `1/` to `01/`, `01/1/` to `01/01/`
* Adds slash for MM and MMDD Ex. `01` to `01/`, `01/02` to `01/02/`
* Converts YY to YYYY. Ex. `01/01/01` to `01/01/2001`
*
* @param {String} str
* @return {String}
*/
var autocompleteMMDDYYYYDateFormat = function (str) {
str = str.trim();
var matches, year,
looksLike_MM_slash_DD = /^(\d\d\/)?\d\d$/,
looksLike_MM_slash_D_slash = /^(\d\d\/)?(\d\/)$/,
looksLike_MM_slash_DD_slash_DD = /^(\d\d\/\d\d\/)(\d\d)$/;
if( looksLike_MM_slash_DD.test(str) ){
str += "/";
}else if( looksLike_MM_slash_D_slash.test(str) ){
str = str.replace( looksLike_MM_slash_D_slash, "$10$2");
}else if( looksLike_MM_slash_DD_slash_DD.test(str) ){
matches = str.match( looksLike_MM_slash_DD_slash_DD );
year = Number( matches[2] ) < 20 ? "20" : "19";
str = String( matches[1] ) + year + String(matches[2]);
}
return str;
};
test("test autocompleteMMDDYYYYDateFormat() with bad input", function () {
var fn = autocompleteMMDDYYYYDateFormat;
equal(fn("bad"), "bad");
equal(fn("123"), "123");
equal(fn("123/1"), "123/1");
equal(fn("1*"), "1*");
});
test("test autocompleteMMDDYYYYDateFormat() with good input", function () {
var fn = autocompleteMMDDYYYYDateFormat;
equal(fn("1/"), "01/");
equal(fn("9/"), "09/");
equal(fn("11/1/"), "11/01/");
equal(fn("11/9/"), "11/09/");
});
test("test autocompleteMMDDYYYYDateFormat() with input === output", function () {
var fn = autocompleteMMDDYYYYDateFormat;
equal(fn("01/"), "01/");
equal(fn("09/"), "09/");
equal(fn("11/01/"), "11/01/");
equal(fn("11/09/"), "11/09/");
equal(fn("11/01/2066"), "11/01/2066");
equal(fn("11/01/1966"), "11/01/1966");
});
test("test autocompleteMMDDYYYYDateFormat() with adding /", function () {
var fn = autocompleteMMDDYYYYDateFormat;
equal(fn("01"), "01/");
equal(fn("09"), "09/");
equal(fn("11/01"), "11/01/");
equal(fn("11/09"), "11/09/");
});
test("test autocompleteMMDDYYYYDateFormat() with adding two digit year", function () {
var fn = autocompleteMMDDYYYYDateFormat;
equal(fn("01/01/01"), "01/01/2001");
equal(fn("09/09/19"), "09/09/2019");
equal(fn("01/01/12"), "01/01/2012");
equal(fn("11/01/92"), "11/01/1992");
equal(fn("11/01/1936"), "11/01/1936");
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment