Integrating Flatpickr.js
Integrating
Flatpickr.js
(a flexible, third-party datepicker) into your Webflow Project
Brought to you by
The Visual Developers Podcast
|
Clone This!
Intro + Required Elements
Simple Date Picker
Date Picker with Time
Human-friendly Dates (Alt Inputs)
Setting a Default Date
Setting a Minimum or Maximum Date
Disabling a Specific Date
Disabling a Date Range
Selecting Multiple Dates
Selecting a Date Range
Showing Week Numbers
Force Calendar Open on Page Load
Using Javascript to Open/Close/Clear the Calendar
Selecting a Date Range
You can have the user select a range of dates by passing in the property of
mode: "range".
Name
Email Address
Date
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.