Easy DatePicker Plugin For Bootstrap – bootstrapDatepickr

We are sharing bootstrapDatepickr that’s an easy datepicker plugin for bootstrap. This plugin is not just small but easy to use as well.

bootstrapDatepickr is a small, easy and simple to use jQuery datepicker plugin for Bootstrap framework that facilitates users to input date & time entries with no trouble. You even don’t need any 3rd dependencies such as moment.js.

Live Demo

How to use it:

  1. Download bootstrapDatepickr and include the bootstrapDatepickr-1.0.0.css and bootstrapDatepickr-1.0.0.min.js into your Bootstrap project.
    [html]
    <link rel="stylesheet" href="src/bootstrapDatepickr-1.0.0.css">
    <script src="dist/bootstrapDatepickr-1.0.0.min.js"></script>
    [/html]
  2. Create a regular input field for the datepicker.
    [html]
    <input type="text" id="date" class="form-control">
    [/html]
  3. Initialize the plugin to create a basic date picker.
    [js]
    $("#date").bootstrapDatepickr();

    // or
    $("#date").bootstrapDatepickr({
    date_format: "d-m-Y"
    });

    // or
    $("#date").bootstrapDatepickr({
    date_format: "l, do F Y"
    });
    [/js]

Download | Plugin Author Mrvautin

0 Likes
Maan
Maan

21 year old designer, blogger and front-end developer. love to share creative design and inspiration.

There is 1 comment
  1. Brian

    Nice job!

Your email address will not be published. Required fields are marked *

div#stuning-header .dfd-stuning-header-bg-container {background-image: url(http://www.downgraf.com/wp-content/uploads/2017/04/login-back.jpg);background-size: cover;background-position: center center;background-attachment: scroll;background-repeat: no-repeat;}#stuning-header div.page-title-inner {min-height: 500px;}