Plugins
>
Advanced Datepicker

Advanced Datepicker

Technical
Productivity
Data (things)
Containers
Visual Elements
Advanced Datepicker - logo

Plugin details

A highly configurable, cross-browser date time picker plugin.

Overview & Key Features

π˜Όπ˜Ώπ™‘π˜Όπ™‰π˜Ύπ™€π˜Ώ π˜Ώπ˜Όπ™π™€π™‹π™„π˜Ύπ™†π™€π™
A highly configurable, cross-browser date time picker plugin.

Enhance your forms with the powerful and highly-configurable date time picker plugin. This date time picker adds an intuitive calendar interface for selecting dates and times, complete with a convenient month and year jump feature. The selected date will be formatted and entered into the input field according to your specified options. Simply attach the plugin to your input fields and let the calendar icon do the rest.

Features:

- Works in conjunction with the standard Input element
- it is both a date picker as well as a time picker
- it's cross-browser – works in every major browser; works also in Internet Explorer 6!
- has a default color scheme that blends-in well with almost any design;
- two additional themes are included (Metallic and Bootstrap)
- you can also create a custom theme by changing colors and some sizes.
- offers an intuitive interface allowing for easy navigation through months and years
- offers an intuitive mechanism for disabling dates and date ranges using a syntax similar to cron's syntax
- supports defining of custom weekend days for countries that don't have the weekend on Saturday and Sunday
- supports most of date formats you can think of, borrowing the syntax of PHP's date function
- supports all sorts of combinations for starting and ending dates
- date pickers can be "paired" – where one or more date pickers will use the value of another date picker as starting date
- supports internationalization
- supports RTL languages
- works by automatically attaching a small calendar icon to the indicated input fields which displays the attached date picker when clicked.
- allows you to use auto binding

Installation

1

Place a standard "Input" element on the page and give it an id attribute.

2

Place the "π˜Ώπ˜Όπ™π™€π™‹π™„π˜Ύπ™†π™€π™" element on the page and in the "ID Attribute" field write the id attribute that you assigned to the "Input" element

3

Connect the "π˜Ώπ˜Όπ™π™€π™‹π™„π˜Ύπ™†π™€π™" element to the "Input" element. Set the "Initial content" field of the "Input" element to "value[format]" from the element "π˜Ώπ˜Όπ™π™€π™‹π™„π˜Ύπ™†π™€π™"

4

If necessary, include the "Start Date" field of the element "π˜Ώπ˜Όπ™π™€π™‹π™„π˜Ύπ™†π™€π™" in the format "yyyy-mm-dd"

Need help adjusting your new application?

Support

And if you have any questions, reach out to us at  support@mindforapps.com
$20 ONE TIME OR $5/MO

BUY NOW | $20 ONE TIME OR $5/MO

Check it Live

Ready to start your own Project?

More plugins

Start Your Project

What stage are you on?
Exploring
I know the problem I'm solving β€” I need help building the solution.
Project Brief
You have a brief β€” we'll turn it into a Bubble build plan.
Full Requirements
Requirements defined β€” we'll handle UX/UI and Bubble development.
Full Designs
Designs handed off β€” we will help you bring it to life.