Преимущество использования сторонних плагинов (с открытым исходным кодом) заключается в том, что вам не нужно заново изобретать колесо, поскольку вы можете найти полезные фрагменты кода, которые вы можете просто добавить в свой проект и использовать, даже не требуя изменений с вашей стороны. Bootstrap Datetimepicker — это один из тех плагинов, которые, если вы используете Bootstrap 3 или 4, вы можете легко встроить в свое приложение. Тем не менее, одна из самых известных проблем с этим виджетом — это позиционирование, когда в вашем проекте уже есть много пользовательских классов, которые, возможно, вы создали не кем-то другим, что делает код более легким для чтения и сопровождения. Если по какой-то причине сборщик внедряется в каком-то диалоге, сборщик не будет использовать автоматическую ориентацию, но всегда с ориентацией вниз.
Самое простое решение: если вы не хотите портить больше классов или настраивать стиль плагина, вы можете просто принудительно настроить ориентацию виджета для средства выбора даты с помощью widgetPositioning имущество:
$('#your-input').datetimepicker({
widgetPositioning:{
horizontal: 'auto',
vertical: 'bottom'
}
});Свойство принимает один объект с двумя свойствами, которые принимают следующие значения:
- по горизонтали: «авто», «влево», «вправо»
- вертикальный: «авто», «верх», «низ»
Значения этого свойства по умолчанию, если они не указаны:
{
horizontal: 'auto',
vertical: 'auto'
}Для получения дополнительной информации о свойстве позиционирования виджета Datetimepicker, пожалуйста, прочитайте документы здесь.
