Skip to content

Instantly share code, notes, and snippets.

@tobijibu

tobijibu/blog03.html Secret

Created January 16, 2017 03:06
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save tobijibu/4d2a7e44cf7cd5ff7d013494bd241bb8 to your computer and use it in GitHub Desktop.
Save tobijibu/4d2a7e44cf7cd5ff7d013494bd241bb8 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
blog03.html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://npmcdn.com/flatpickr/dist/flatpickr.min.css" />
<link rel="stylesheet" href="https://npmcdn.com/flatpickr/dist/themes/material_green.css" />
<script src="https://npmcdn.com/flatpickr/dist/flatpickr.min.js"></script>
</head>
<body>
<form>
<input id="calendar" type="text" value="">
</form>
<script>
//flatpickr
let calendar = flatpickr('#calendar', {allowInput: true});
let obj = document.getElementById('calendar');
obj.addEventListener('keydown', function(e) {
if (e.keyCode == 13 || e.keyCode == 9) {
calendar.setDate(this.value);
calendar.close();
}
}, false);
//submit無効化
document.forms[0].onsubmit = function(){
return false;
};
</script>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment