πŸš€[new plugin] advanced datepicker

Hello fellow Bubblers!
We are glad to announce our small addition to the plugin collection:

logo

ADVANCED DATEPICKER

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

There you can go to the editor (OPEN EDITOR).

Plugin page:

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 contact@mindforapps.com

Support
If you have questions, reach out to us at support@mindforapps.com

We appreciate your reviews and suggestions.

Cheers
Jay | Mindforapps

.

picker_1

.

picker_2