Я использую bootstrap-datepicker3
из драгоценного камня, его Github bootstrap datepicker
Но я использую черную тему начальной загрузки, и я не знаю, как изолировать или изменить цвет фона окна datepicker ... Кажется, он принимает цвет фона основной темы начальной загрузки.
<div class="form-group">
<div class="col-lg-10">
<span class="input-group-addon">Dates</span>
<div class="input-group" id="datepicker">
<input class="form-control" type="text" name="date_start" data-behaviour='datepicker'>
<span class="input-group-addon">à</span>
<input class="form-control" type="text" name="date_end" data-behaviour='datepicker'>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$('[data-behaviour~=datepicker]').datepicker();
});
</script>
Я пробовал решение, но оно для datetimepicker, и оно не работает ..
Спасибо !
3 ответа
Попробуйте переопределить цвет фона в своем CSS:
.datepicker.dropdown-menu {
background-color:#FFF;
}
Попробуй это
<style type="text/css">
.datepicker.dropdown-menu table {
background-color: #FFFFFF;
}
</style>
Оно работает !
Мне удалось решить эту проблему, выполнив действия, описанные в следующем потоке, с одним изменением. Я использовал селектор ".datepicker .table-condensed".
Уменьшить размер и изменить цвет текста поля bootstrap-datepicker
Похожие вопросы
Связанные вопросы
Новые вопросы
css
CSS (каскадные таблицы стилей) - это язык таблиц стилей представления, используемый для описания внешнего вида и форматирования документов HTML (язык разметки гипертекста), XML (расширяемый язык разметки) и элементов SVG, включая (но не ограничиваясь) цвета, макет, шрифты, и анимации. Также описывается, как элементы должны отображаться на экране, на бумаге, в речи или на других носителях.
.datepicker.dropdown-menu
.@Html.TextBoxFor(m => m.DateLastRidden, new { @class = "form-control datepicker", type = "date", data_autoclose="true", data_todayBtn="linked", data_todayHighlight="true" })
для создания средства выбора даты.