Manual:DateInputWidget

From mediawiki.org
Screenshot of the DateInputWidget as used in the UploadWizard interface

MediaWiki includes a DateInputWidget that can be used for user interfaces that require selecting a date. You can see an example of it in the interface for UploadWizard.

Example code:

// Accessing values in a DateInputWidget
var dateInput = new mw.widgets.DateInputWidget();
var $label = $( '<p>' );
$( 'body' ).append( $label, dateInput.$element );
dateInput.on( 'change', function () {
    // The value will always be a valid date or empty string, malformed input is ignored
    var date = dateInput.getValue();
    $label.text( 'Selected date: ' + ( date || '(none)' ) );
} );

See https://doc.wikimedia.org/mediawiki-core/master/js/#!/api/mw.widgets.DateInputWidget for further documentation.

See also[edit]