Actions

MediaWiki

Common.js: Difference between revisions

From hmis

← Older editNewer edit →
No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 1: Line 1:
/* Any JavaScript here will be loaded for all users on every page load. */
/* Any JavaScript here will be loaded for all users on every page load. */
// Example of a DateTimeInputWidget
mw.loader.using('oojs-ui').then(function () {
// Convert Page Forms text fields with class 'datetime-local' into HTML5 datetime-local pickers
   mw.util.addCSS(`
mw.hook('pf.formReady').add(function () {
    form .mw-widget-dateInputWidget,
   document.querySelectorAll('input.datetime-local').forEach(el => {
    form .mw-widget-dateInputWidget > .oo-ui-textInputWidget,
     el.setAttribute('type', 'datetime-local');
     form .mw-widget-dateInputWidget > .oo-ui-textInputWidget > .oo-ui-inputWidget-input,
   });
    form .mw-widget-dateInputWidget-handle {
      display:inline-block !important;
      width:auto !important;
      vertical-align:middle !important;
      margin:0 0.25em 0 0 !important;
      padding:0 !important;
    }
   `);
});
});

Revision as of 12:45, November 4, 2025

/* Any JavaScript here will be loaded for all users on every page load. */
mw.loader.using('oojs-ui').then(function () {
  mw.util.addCSS(`
    form .mw-widget-dateInputWidget,
    form .mw-widget-dateInputWidget > .oo-ui-textInputWidget,
    form .mw-widget-dateInputWidget > .oo-ui-textInputWidget > .oo-ui-inputWidget-input,
    form .mw-widget-dateInputWidget-handle {
      display:inline-block !important;
      width:auto !important;
      vertical-align:middle !important;
      margin:0 0.25em 0 0 !important;
      padding:0 !important;
    }
  `);
});
Retrieved from "https://hmis.opencommons.org/index.php?title=MediaWiki:Common.js&oldid=7447"