25+ Bootstrap Datepickers and Timepickers - Free Code + Demos
Collection of 25+ Bootstrap Datepickers and Timepickers. All items are 100% free and open-source.
1. Bootstrap 4 Blue Themed Date Picker With Date Range And Week Number
Links: Source Code / Demo
2. Bootstrap 4 Business Hours Table With Custom Time
Links: Source Code / Demo
3. Bootstrap 4 Dark Themed Date And Time Picker
Links: Source Code / Demo
4. Bootstrap 4 Date Range Datepicker With Two Months Shown
Links: Source Code / Demo
5. Bootstrap 4 Green Themed Datepicker With Date Range
Links: Source Code / Demo
6. Bootstrap Datepicker
Links: Source Code / Demo
7. Bootstrap Date/Time Picker
Custom bootstrap styling for Eonasdan's DateTimePicker.
Author: John Fink (johnfinkdesign)
Links: Source Code / Demo
Created on: October 7, 2016
Made with: Pug, SCSS, JS
CSS Pre-processor: SCSS
JS Pre-processor: None
HTML Pre-processor: Pug
Tags: datepicker, timepicker, datetimepicker, bootstrap
8. Bootstrap Datepicker Demo
Using a bootstrap datepicker and the getDate method to add a second string with different date formatting.
Author: Ryan Mulligan (hexagoncircle)
Links: Source Code / Demo
Created on: April 9, 2016
Made with: Pug, SCSS, JS
CSS Pre-processor: SCSS
JS Pre-processor: None
HTML Pre-processor: Pug
Tags: bootstrap, datepicker, date-format, css
9. AB-Datepicker
An accessible and bootstrap compatible datepicker
Links: Github Page
Created on: August 17, 2015
10. Bootstrap-Material Datepicker
Datepicker for bootstrap-material
Links: Github Page
Created on: March 3, 2015
11. Bootstrap 3/4 Date/Time Picker With Clock-like Time-Picker
Bootstrap 3/4 Date/Time Picker with clock-like Time-Picker
Links: Source Code / Demo
Created on: August 15, 2018
12. JTSage-DateBox
A multi-mode date and time picker for Bootstrap (3&4), jQueryMobile, Foundation, Bulma, FomanticUI, and UIKit (or others)
Links: Source Code / Demo
Created on: February 26, 2011
13. Bootstrap Datepickers Inline Sliding
Author: Valentin Dzhankhotov (vushe)
Links: Source Code / Demo
Created on: March 2, 2017
Made with: Pug, SCSS, JS
CSS Pre-processor: SCSS
JS Pre-processor: None
HTML Pre-processor: Pug
14. Datepicker Example
Example search form with a datepicker. Uses the bootstrap-datepicker library found at https://bootstrap-datepicker.readthedocs.io/en/latest/
Author: uxjulia (uxjulia)
Links: Source Code / Demo
Created on: March 27, 2017
Made with: HTML, SCSS, JS
Tags: datepicker, search, jquery, bootstrap 4
15. Bootstrap Date Picker Vaildate
Validate the date in a bootstrap datepicker.
Author: Peter Schöning (sykarra)
Links: Source Code / Demo
Created on: May 14, 2017
Made with: HTML, CSS, JS
Tags: date, datepicker, bootstrap, jquery, validate
16. Simple Datepicker
Date picker for bootstrap using simple in any website
Author: Pradeep Singh Tomar (pradeeptomar21)
Links: Source Code / Demo
Made with: HTML, CSS, JS
17. Bootstrap Datepicker - Set Current Date As Selectet
Author: gearmobile (gearmobile)
Links: Source Code / Demo
Created on: January 2, 2017
Made with: HTML, SCSS, JS
Tags: bootstrap, bootstrap-datepicker
18. Datetime Picker
Links: Source Code / Demo
Made with: HTML, CSS, JS
Tags: 4.0.0, jQuery
19. Bootstrap Dynamic Datepicker
Easily add dynamic datepicker fields to bootstrap forms.
Author: Sarah Kehm (skehm)
Links: Source Code / Demo
Created on: July 9, 2019
Made with: HTML, JS
Tags: datepicker, bootstrap, dynamic-form
20. Check In And Out Bootstrap Datepicker
Author: Amanda Louise Acosta Morais (amandalouise)
Links: Source Code / Demo
Made with: HTML, CSS, JS
21. How To Add A Date-Picker Input Area On Click Or Calendar Mounth To A Bootstrap Form And Usage Moment.js
Links: Source Code / Demo
Made with: HTML, JS
Tags: 3.0.0, jQuery, calendar, input
22. Bootstrap 4 Datepicker
Author: Gilang Chandrasa (gchandrasa)
Links: Source Code / Demo
Created on: November 2, 2017
Made with: HTML, JS
More Awesome Lists:
Share: