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"