MARKETPLACE
PLUGINS
ADVANCED DATEPICKER
Advanced Datepicker logo

Advanced Datepicker

Published June 2023
   β€’    Updated today

Plugin details

π˜Όπ˜Ώπ™‘π˜Όπ™‰π˜Ύπ™€π˜Ώ π˜Ώπ˜Όπ™π™€π™‹π™„π˜Ύπ™†π™€π™
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 "π˜Ώπ˜Όπ™π™€π™‹π™„π˜Ύπ™†π™€π™"
    If necessary, include the "Start Date" field of the element "π˜Ώπ˜Όπ™π™€π™‹π™„π˜Ύπ™†π™€π™" in the format "yyyy-mm-dd"


Demo:
For detailed connection and demo information, visit the plugin demo page at:
https://plugin-preview-mapael.bubbleapps.io/version-test/datepicker

Plugin Page:
https://mindforapps.com/plugin_details/advanced-datepicker

Need help adjusting your new application? Our Plugin and Template customers receive a 20% discount for all our Design and Development work.
Contact Jay at [email protected]

Support
And if you have any questions, reach out to us at [email protected]

We appreciate your reviews and suggestions.

$20

One time  β€’  Or  $5/mo

3.0 stars   β€’   1 ratings
21 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Mind For Apps logo
Mind For Apps
Joined 2018   β€’   33 Plugins
View contributor profile

Instructions

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

You can find more details and examples on the demo page.

Types

This plugin can be found under the following types:
Background Services   β€’   Element   β€’   Event   β€’   Action

Categories

This plugin can be found under the following categories:
Technical   β€’   Productivity   β€’   Data (things)   β€’   Containers   β€’   Mobile   β€’   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (3.0)

The datepicker element does not show up in search for elements
February 16th, 2024
But its there. I'd recommend everyone to use the Air Date / Time Picker though
Bubble