Skip to content

Instantly share code, notes, and snippets.

@jdagerot

jdagerot/index.html

Created February 16, 2019 14:40
Show Gist options
  • Save jdagerot/ebfd6699b9a7a89c8a2562270854ab73 to your computer and use it in GitHub Desktop.
Save jdagerot/ebfd6699b9a7a89c8a2562270854ab73 to your computer and use it in GitHub Desktop.
Download ZIP
A very accessible date picker
Raw
index.html
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" charset="utf-8"></script>
</head>
<body>
<label for="dropdown">Enter your preferred date</label>
<select class="" id="dropdown">
</select>
</div>
<script type="text/javascript">
let now = new Date(1978,6,4,1,1);
let complexity=6;
// now.setYear(1900);
// now.setUTCMonth(1);
// now.setUTCDate(0);
for(var a=0;a<(100*complexity);a++) {
now.setDate(now.getDate()+1);
var dateString = now.getUTCFullYear() + "-" + (now.getUTCMonth()+1) + "-" + (now.getUTCDate());
$('#dropdown').append('<option value="' + now.getUTCFullYear() + "-" + (now.getUTCMonth()+1) + "-" + (now.getUTCDate()) + '">' + dateString + '</option>');
}
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment