Как изменить представление bootstrap-datetimepicker для отображения дней, когда формат включает время?

Question

Я использую bootstrap-datetimepicker , чтобы позволить пользователям фильтровать содержимое панели мониторинга по дате. Datepicker отформатирован как 'ГГГГ-ММ-ДД чч: мм: сс' , он должен быть в этом формате.

Проблема в том, что когда я нажимаю на элемент, в режиме просмотра отображается селектор времени. Мне нужно, чтобы вместо этого показывались дни.

Я попробовал доступные функции в документах, но не смог найти работающую. У кого-нибудь есть предложения?

Вот что я сейчас получаю:

Но я хочу, чтобы это было вместо этого:

Answer 1

Моей первоначальной мыслью было, возможно, каким-то образом переключаться между форматами, когда всплывающее окно DatePicker открывается, но это, вероятно, будет грязно и может легко привести к дополнительным проблемам, я полагаю.

Я думаю, просто скрывая элементы управлениявам не нужно здесь через CSS, это может быть вашим лучшим вариантом.

Теперь структура HTML немного сложна для отладки, потому что соответствующие элементы снова удаляются из DOM в большинстве случаев, когда вы пытаетесь проверитьэто в инструментах разработки, но в основном это выглядит как неупорядоченный список с использованием класса list-unstyled (просто с первым примером на странице, которую вы упомянули здесь), и каждая из этих складных панелей является элементом внутри этого списка.Так что

.list-unstyled li:not(:first-child) { display: none; }

, кажется, в основном выполняет работу здесь.

Если вам нужно это только для определенного выбора даты из нескольких на странице, вам, возможно, потребуется получить немного большеспецифично с селектором;но поскольку кажется, что это добавляет дополнительные элементы HTML непосредственно в контейнер, вы инициализируете средство выбора даты, используя селектор-потомок, который также должен быть довольно простым.