Usually when I blog about programming, it’s Perl stuff, but here’s something that’s mostly Javascript (with a little PHP to act as a shim for WordPress). It’s a script to use Tempus Dominus as a date/time picker for HTML 5 date and time form inputs on Bootstrap/jQuery-based sites.
It lets you do stuff like this:
Which will look like this:
It automatically detects any input elements with type=date, type=time, or type=datetime. (Alternatively the classes tempus-dominus-date, tempus-dominus-time, or tempus-dominus may be used.)
It supports the following custom attributes:
data-tempus-dominus-format- The format the value should be submitted in. Format codes.
data-tempus-dominus-overlay- Overlays a “friendly” format on top of the form control. Format codes.
data-tempus-dominus-locale- The locale for month names, day names, etc. Supported locales.
data-tempus-dominus-icon- The name of the icon to use for the field. Icons list.
data-tempus-dominus-onclick- If this attribute is present, then clicking anywhere on the form control pops up the date/time picker. If it is absent, then only clicking on the button will open the picker and clicking on the rest of the field will focus it for typing the date or time.
data-tempus-dominus-linkeddata-tempus-dominus-linked="#startdate"on your end date picker will allow two pickers to be linked, so the end date cannot be before the start date.
So yeah, hopefully useful.
The script can be found on Github at:
https://github.com/tobyink/php-wp-tempus-dominus-auto.
