Wir verwenden Cookies zur Verbesserung der Benutzerfreundlichkeit und zum Verfolgen der Besucherströme mit Matomo (Piwik).
Mehr Infos auf der Datenschutzseite. Du kannst die Cookie-Erlaubnis jederzeit am Ende der Seite widerrufen.

NJ-Timepicker

Ein weitere schöner Timepicker

 

Anwendbar auf DIVs oder INPUTS

Author: https://github.com/nj-coder/nj-timepicker
 

Beispiel Input:

 

Aufruf in einem Code2(HTML) Abschnitt

<link href="[[wb_url]]/[[plugins_url]]/nj-timepicker/nj-timepicker.min.css" rel="stylesheet" media="screen"/>
<script src="[[wb_url]]/[[plugins_url]]/nj-timepicker/nj-timepicker.min.js"></script>

<script>
 (function () {
        let format_24 = document.querySelector('#demo');
            var format_24_picker = new NJTimePicker({
                targetEl: format_24,
                //targetID: 'demo',
                disabledHours: [0,1,2,3,4,5,6,7,8,9,10,23],
                texts: {
                    header: 'Uhrzeit wählen (inkl. Wartezeit)',
                    hours: 'Stunden',
                    minutes: 'Minuten',
                    close: 'X',
                    save: 'OK',
                    clear: 'Reset'
                },
                format: '24'
            });
            format_24_picker.on('save',function (data) {
                if (data.fullResult)
                    format_24.textContent = data.fullResult;
            });
 })();
</script>

 


Anzeige durch Droplet MoreLikeThis