Extension:Page Forms/Input types/Datepicker



The input type datepicker lets a user pop up a graphical calendar and choose a date from it.

The calendar is generated entirely via script and can be navigated without any page refreshes.

It always returns dates in the format yyyy/mm/dd, so they can directly be used as property values.

You can tweak the appearance of the calendar by changing or overriding the CSS rules of the jQuery library.

The datepicker is somewhat peculiar in that the first day of the week is not set in a configuration variable, but in an internationalized message. This way most wikis should automatically get the right setting depending on the language. If you want to change the default first day of week, instead of changing a configuration variable you need to edit the page  in your wiki.

Examples
A field that uses a date picker with all parameters set to their default values:

A field that uses a date picker with specific parameters:

Customization
You can change the general appearance and behavior of all the site's datepickers by placing settings in your LocalSettings.php file below the inclusion of Page Forms, e.g.

You can find the default settings and their descriptions in the file.

MediaWiki bug
When using the datepicker input with MediaWiki 1.26, you may get an error message that looks like the following:


 * Warning: OutputPage::getModuleStyles: style module should define its position explicitly: jquery.ui.datepicker ResourceLoaderFileModule

This is due to an apparent bug in core MediaWiki, which is thankfully easily fixed. In the file /resources/Resources.php, add the following line: