A Collection of free Bootstrap date picker and time picker code examples.

A Bootstrap datepicker will allow your website visitors to pick a date. This is useful in many cases. To give you a few examples, it’s useful when you want your website user to enter a date on a form on your site.

It’s also useful when you want to show search results based on dates. These are just a few examples. There are numerous examples of this kind.

1.bootstrap date picker vaildate (german)

Made with

Html
Css/SCSS
bootstrap.css, font-awesome.css, bootstrap.js, jquery.js

Author

Peter Schöning

Demo


2.BOOTSTRAP DATEPICKER

Create a nicely styled reservation form using Bootstrap 4 and Bootstrap datepicker.

Made with

Html
Css/SCSS
bootstrap.css, font-awesome.css, bootstrap-datepicker.css, bootstrap.js,

Author

Ondrej

Demo


3.BOOTSTRAP DATE/TIME PICKER

Custom bootstrap styling for Eonasdan's DateTimePicker.

Made with

Html
Css/SCSS
bootstrap.css, font-awesome.css, bootstrap-datetimepicker.css, bootstrap.js, jquery.js, moment.js, bootstrap-datetimepicker.js

Author

John Fink

Demo


4.BOOTSTRAP DATEPICKER

Using a Bootstrap datepicker and the getDate method to add a second string with different date formatting.

Made with

Html
Css/SCSS
Javascript

Author

bootstrap-datepicker.css, bootstrap-datepicker.js, jquery.js, jquery-dateFormat.js

Demo


5.AB DATEPICKER

An accessible and Bootstrap compatible datepicker.

Made with

Html
Css/SCSS
Javascript

Author

Jacques Archimède

Demo


View on Github


6.BOOTSTRAP MATERIAL DATETIMEPICKER

Originaly designed for Bootstrap Material, the V2.0 is now completely standalone and responsive.

Made with

Html
Css/SCSS
Javascript

Author

T00rk

Demo

View on Github


7.Bootstrap 3/4 Date/Time Picker with clock-like Time-Picker

This date-picker project is a fork of the famous Eonasdan datetimepicker. A clock-like time-picker has been introduced into it and the widget is optimized to make it compatible to both Bootstrap 3 and 4 versions.

Made with

Html
Css/SCSS
Javascript

Author

Munim Munna

Demo

View on Github


8.Bootstrap Datepicker Material Look with Material Input

Made with

Html
Css/SCSS
Javascript

Author

Salah Uddin

Demo


9.bootstrap datepicker

Made with

Html
Css/SCSS
Javascript

Author

 peihsin

Demo


10.Bootstrap-Datepicker (Range) AngularJS

Made with

Html
Css/SCSS
Javascript

Author

Richard Bailey

Demo