DateRangePicker

Basic

Single

Predefined

  • Uses Instruction

  • daterangepicker is delivered primarily via npm. npm i daterangepicker
  • Add the following line into the <head> of each template or page that you want to use bootstrap datepicker on.
    
    <!-- DateRangePicker CSS -->
    <link rel="stylesheet" href="./../assets/vendors/daterangepicker/daterangepicker.css">
    
  • Add the following lines before the <body> of each template or page that you want to use bootstrap datepicker on.
    
    <!-- Moment JS -->
    <script src="./../assets/vendors/daterangepicker/moment.min.js"></script>
    
    <!-- DateRangePicker JS -->
    <script src="./../assets/vendors/daterangepicker/daterangepicker.js"></script>
    
    <!-- DateRangePicker Initialize JS -->
    <script src="./../assets/js/components/pickers/daterangepicker-init.min.js"></script>
    
  • For full documentation please visit the link: https://www.daterangepicker.com/