Skip to content

Instantly share code, notes, and snippets.

@ilovetogetspamed

ilovetogetspamed/index.html

Created April 16, 2019 21:17
Show Gist options
  • Save ilovetogetspamed/b02df3fc852d081fcbdfc2c71e388b59 to your computer and use it in GitHub Desktop.
Save ilovetogetspamed/b02df3fc852d081fcbdfc2c71e388b59 to your computer and use it in GitHub Desktop.
Download ZIP
$(...).pickadate is not a function
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Pick-A-Date Test</title>
<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">
<!-- Bootstrap core CSS -->
<link href="../../css/bootstrap.min.css" rel="stylesheet">
<!-- Material Design Bootstrap -->
<link href="../../css/mdb.min.css" rel="stylesheet">
<!-- Your custom styles (optional) -->
<link href="../../css/style.css" rel="stylesheet">
</head>
<body>
<!--Content-->
<div class="md-form">
<input placeholder="Selected date" type="text" id="date-picker-example" class="form-control datepicker">
<label for="date-picker-example">Try me...</label>
</div>
<!--/.Content-->
<!-- SCRIPTS -->
<!-- JQuery -->
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<!-- Bootstrap tooltips -->
<script type="text/javascript" src="js/popper.min.js"></script>
<!-- Bootstrap core JavaScript -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- MDB core JavaScript -->
<script type="text/javascript" src="js/mdb.min.js"></script>
<script type="text/javascript">
// Your code goes here.
$(document).ready(function () {
// Data Picker Initialization
let $input = $('.datepicker').pickadate();
let picker = $input.pickadate('picker');
let date = new Date(1999, 1, 23);
picker.set('select', date);
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment