ILIAS\UI\examples\Button\Month Namespace Reference

Functions
	base ()
	description: > Example for rendering a dropdown button showing the default month/year while not opened and a selection of months while opened. More...

Function Documentation

base()

ILIAS\UI\examples\Button\Month\base

(

)

---

description: > Example for rendering a dropdown button showing the default month/year while not opened and a selection of months while opened.

expected output: > ILIAS shows a month and year. On browsers that support type='month' inputs like Chrome or Safari on iPhone and iPad: Clicking the button will open a picker for other months and years which can be selected. Another click onto a month opens a dialog which confirms the click. In this dialog the selected month (e.g. 03-2020) is mentioned. On other browsers like Firefox and Safari on desktop: There might be a flicker while the browser loads the fallback solution. Then, the month can be changed through a select input dropdown and the year can be changed through a text input. On a valid input, a dialog will appear and mention the selected month (e.g. 03-2020). On an invalid year input (e.g. one or three digits), the year text field will be highlighted as invalid. A two-digit year input

e.g.'24' will be converted to a four-digit year e.g. '2024'.

Definition at line 41 of file base.php.

References $DIC, Vendor\Package\$f, $id, and $renderer.

{
    global $DIC;
    $f = $DIC->ui()->factory();
    $renderer = $DIC->ui()->renderer();

    return $renderer->render($f->button()->month("02-2017")->withOnLoadCode(function ($id) {
        return "$(\"#$id\").on('il.ui.button.month.changed', function(el, id, month) { alert(\"Clicked: \" + id + ' with ' + month);});";
    }));
}