Bootstrap DateTimePicker: методы и примеры кода для выбора даты и времени

Bootstrap datetimepicker — это популярный компонент выбора даты и времени, основанный на платформе Bootstrap и используемый для выбора даты и времени в веб-приложениях. Ниже я предоставлю вам несколько методов, обычно используемых с Bootstrap DateTimePicker, а также примеры кода:

  1. Инициализация:

    $('#datetimepicker').datetimepicker();
  2. Формат даты:

    $('#datetimepicker').datetimepicker({
     format: 'YYYY-MM-DD'
    });
  3. Формат времени:

    $('#datetimepicker').datetimepicker({
     format: 'HH:mm'
    });
  4. Минимальная и максимальная даты:

    $('#datetimepicker').datetimepicker({
     minDate: '2022-01-01',
     maxDate: '2022-12-31'
    });
  5. Отключение дат:

    $('#datetimepicker').datetimepicker({
     enabledDates: ['2022-01-01', '2022-12-25']
    });
  6. Обработка событий (при изменении):

    $('#datetimepicker').datetimepicker().on('dp.change', function(event) {
     console.log('Selected date: ' + event.date.format('YYYY-MM-DD'));
    });
  7. Локализация (с использованием Moment.js):

    $('#datetimepicker').datetimepicker({
     locale: 'fr'
    });
  8. Встроенный DateTimePicker:

    $('#datetimepicker').datetimepicker({
     inline: true
    });
  9. Дата и время по умолчанию:

    $('#datetimepicker').datetimepicker({
     defaultDate: moment('2022-01-01').hours(12).minutes(0)
    });
  10. Отключить выбор времени:

    $('#datetimepicker').datetimepicker({
      format: 'YYYY-MM-DD',
      allowInputToggle: true
    });