Bootstrap datetimepicker — это популярный компонент выбора даты и времени, основанный на платформе Bootstrap и используемый для выбора даты и времени в веб-приложениях. Ниже я предоставлю вам несколько методов, обычно используемых с Bootstrap DateTimePicker, а также примеры кода:
-
Инициализация:
$('#datetimepicker').datetimepicker();
-
Формат даты:
$('#datetimepicker').datetimepicker({ format: 'YYYY-MM-DD' });
-
Формат времени:
$('#datetimepicker').datetimepicker({ format: 'HH:mm' });
-
Минимальная и максимальная даты:
$('#datetimepicker').datetimepicker({ minDate: '2022-01-01', maxDate: '2022-12-31' });
-
Отключение дат:
$('#datetimepicker').datetimepicker({ enabledDates: ['2022-01-01', '2022-12-25'] });
-
Обработка событий (при изменении):
$('#datetimepicker').datetimepicker().on('dp.change', function(event) { console.log('Selected date: ' + event.date.format('YYYY-MM-DD')); });
-
Локализация (с использованием Moment.js):
$('#datetimepicker').datetimepicker({ locale: 'fr' });
-
Встроенный DateTimePicker:
$('#datetimepicker').datetimepicker({ inline: true });
-
Дата и время по умолчанию:
$('#datetimepicker').datetimepicker({ defaultDate: moment('2022-01-01').hours(12).minutes(0) });
-
Отключить выбор времени:
$('#datetimepicker').datetimepicker({ format: 'YYYY-MM-DD', allowInputToggle: true });