CODEWITHSUNDEEP
javascripttempus-dominus-datetimepicker
user16829612
user16829612

Reputation:

Tempus Dominus 6 time picker 24h

i use Tempus Dominus for select time in my website.

i want to remove AM, PM text from time picker and have 00-23 instead.

screenshot:

enter image description here

my code:

$('#datepickerTime').tempusDominus({
            useCurrent: false,
            stepping: 15,
            display: {
                viewMode: 'clock',
                buttons: {
                    close: true,
                },
                components: {
                    useTwentyfourHour: true,
                    decades: false,
                    year: false,
                    month: false,
                    date: false,
                    hours: true,
                    minutes: true,
                    seconds: false
                }
            }
        });

Upvotes: 0

Views: 3457

Answers (1)

lukep
lukep

Reputation: 131

Version 6 of TempusDominus explicitly removes dependency/compatibility with jQuery (see here), which is what you're using to initialise your picker.

If you instantiate it like this it will work as expected:

new tempusDominus.TempusDominus(document.getElementById('datepickerTime'), {
    useCurrent: false,
    stepping: 15,
    display: {
        viewMode: 'clock',
        buttons: {
            close: true,
        },
        components: {
            useTwentyfourHour: true,
            decades: false,
            year: false,
            month: false,
            date: false,
            hours: true,
            minutes: true,
            seconds: false
        }
    }
});

Upvotes: 3

Related Questions