0
我有以下daterangepicker代码。该代码正在运行,但月份,年份和切换按钮很难查看。我使用的引导主题与此无法正常工作。我一直在试图弄清楚如何改变CSS,使月份,年份和切换按钮更具可视性。daterangepicker难以查看月份和年份
<!-- Include Required Prerequisites -->
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<!-- Include Date Range Picker -->
<script type="text/javascript" src="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.css" />
<form class="" action="{{ url_for('about') }}" name="Item_1" method="POST">
<input style="width: 30%" type="text" name="daterange" value="01/01/2015 01/31/2015" />
<button type="submit" class="btn btn-success">Submit</button>
</form>
<script type="text/javascript">
$('input[name="daterange"]').daterangepicker(
{
locale: {
format: 'MM-DD-YYYY'
},
startDate: '01-01-2017',
endDate: moment()
},
function(start, end, label) {
console.log("A new date range was chosen: " + start.format('MM-DD-YYYY') + ' to ' + end.format('MM-DD-YYYY'));
});
</script>
如果你做'.calendar-table,.glyphicon-calendar {color:#000!important;}'这样的事情吗?如果是这样,它看起来就像这些元素的'color'属性,但我会建议使用开发工具来确定现有的CSS规则将它们改为更浅的颜色,并将更浅的颜色更改为黑色,而不是使用' !important'。从您的代码示例中,它没有出现任何将其更改为浅色的任何内容 - 您是否在同一个文件中嵌入了CSS,或者是否拉出了另一个样式表? –
这实际上是剂量工作。非常感谢你。 – Matt