​

const pickerDateOptions = document.querySelector('#datetimepicker-dateOptions');

new mdb.Datetimepicker(pickerDateOptions, {

        timepicker: {

            format24: true,

            format12: false,

            okLabel: 'Confirmer',

            clearLabel: 'Effacer',

            cancelLabel: 'Annuler',

        },

        datepicker: {

            title: 'Sélectionner une date',

            monthsFull: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],

            monthsShort: ['Jan', 'Fév', 'Mar', 'Avr', 'Mai', 'Juin', 'Juil', 'Août', 'Sept', 'Oct', 'Nov', 'Déc'],

            weekdaysFull: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],

            weekdaysShort: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam'],

            weekdaysNarrow: ['D', 'L', 'M', 'M', 'J', 'V', 'S'],

            okBtnText: 'Ok',

            clearBtnText: 'Effacer',

            cancelBtnText: 'Fermer',

            okBtnLabel: 'Confirmer la sélection',

            clearBtnLabel: 'Effacer la sélection',

            cancelBtnLabel: 'Annuler la sélection',

            nextMonthLabel: 'Mois suivant',

            prevMonthLabel: 'Mois précédent',

            nextYearLabel: 'Année suivante',

            prevYearLabel: 'Année précédente',

            nextMultiYearLabel: '24 années suivantes',

            prevMultiYearLabel: '24 années précédentes',

            switchToMultiYearViewLabel: 'Basculer vers la liste des années',

            switchToDayViewLabel: 'Basculer vers la liste des jours',

        }

    });