Live
<html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>flatpicker</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css"> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script><script src="https://cdn.jsdelivr.net/npm/flatpickr"></script> </head> <body> Pick a Date:<input type="text" value="" id="pickadate" class="pickadate"/> <br/> Pick a Date and Time:<input type="text" value="" id="pickadateandtime" class="pickatime"/> </body> </html>
Live
xxxxxxxxxx2
$("#pickadate").flatpickr();$("#pickadateandtime").flatpickr({enableTime: true,dateFormat: "Y-m-d H:i"});
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.