Timepicker

Uses Instruction

flatpickr is delivered primarily via npm. npm i timepicker

Add the following line into the <head> of each template or page that you want to use flatfickr on.


<!-- Timepicker CSS -->
<link rel="stylesheet" href="./../assets/vendors/timepicker/jquery.timepicker.min.css">

<!-- Bootstrap Datepicker CSS -->
<link rel="stylesheet" href="./../assets/vendors/bootstrap-datepicker/css/bootstrap-datepicker.min.css">

Add the following lines before the <body> of each template or page that you want to use flatfickr on.


<!-- Timepicker JS -->
<script src="./../assets/vendors/timepicker/jquery.timepicker.min.js"></script>

<!-- Bootstrap Datepicker JS -->
<script src="./../assets/vendors/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>

<!-- Datepair JS -->
<script src="./../assets/vendors/datepair.js/datepair.min.js"></script>
<script src="./../assets/vendors/datepair.js/jquery.datepair.min.js"></script>

<!-- Timepicker Initialize JS -->
<script src="./../assets/js/components/pickers/timepicker-init.min.js"></script>

For full documentation please visit the link: https://github.com/jonthornton/jquery-timepicker#timepicker-plugin-for-jquery

Basic

Duration

Disable

Format

Datepair

Uses Instruction