Инициализация. Чтобы использовать плагин datetimepicker, вам необходимо инициализировать его на нужном элементе ввода с помощью метода datetimepicker(). Например:

$('#datetimepicker').datetimepicker();

Параметры: плагин datetimepicker предоставляет различные параметры для настройки своего поведения. Вы можете передать объект параметров во время инициализации, чтобы изменить такие параметры, как формат даты, формат времени, минимальные и максимальные выбираемые даты и т. д. Например:

$('#datetimepicker').datetimepicker({
format: 'YYYY-MM-DD HH:mm:ss',
minDate: '2023-01-01',
maxDate: '2023-12-31',
// Other options...
});

События: плагин запускает несколько событий, которые вы можете прослушивать и выполнять соответствующие действия. Некоторые часто используемые события включают change, dp.change, dp.show, dp.hideи т. д. Вот пример привязки обработчика событий к событию dp.change:

$('#datetimepicker').on('dp.change', function(e) {
console.log('New date selected:', e.date);
});

Методы: плагин datetimepicker предоставляет различные методы, которые позволяют вам программно взаимодействовать с плагином. Некоторые полезные методы включают date(), minDate(), maxDate(), show(), hide(), destroy()и т. д. Вот пример установки и получения выбранной даты программным способом:

// Set the selected date
$('#datetimepicker').data('DateTimePicker').date('2023-01-01');
// Get the selected date
var selectedDate = $('#datetimepicker').data('DateTimePicker').date();
console.log('Selected date:', selectedDate);

Локализация: вы можете локализовать плагин datetimepicker для отображения форматов даты и времени в соответствии с разными языками и регионами. Файлы локализации доступны для различных языков, что позволяет вам установить нужный язык с помощью параметра locale. Например:

$('#datetimepicker').datetimepicker({
locale: 'fr' // French localization
});