css - Bootstrap-tempus-dominus 样式颜色
解决方案
只需在您的页面中添加以下自定义样式即可
.bootstrap-datetimepicker-widget table th.picker-switch{
color:#000 !important;
}
.bootstrap-datetimepicker-widget table th{
color:#000 !important;
}
检查这个例子
$(function() {
$('#datetimepicker1').datetimepicker();
});
.bootstrap-datetimepicker-widget table th.picker-switch{
color:#0f0 !important;
}
.bootstrap-datetimepicker-widget table th{
color:#0f0 !important;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment-with-locales.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script>
<script src="https://rawgit.com/tempusdominus/bootstrap-4/master/build/js/tempusdominus-bootstrap-4.js"></script>
<link href="https://rawgit.com/tempusdominus/bootstrap-4/master/build/css/tempusdominus-bootstrap-4.css" rel="stylesheet"/>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<div class="container">
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<div class="input-group date" id="datetimepicker1" data-target-input="nearest">
<input type="text" class="form-control datetimepicker-input" data-target="#datetimepicker1" />
<span class="input-group-addon" data-target="#datetimepicker1" data-toggle="datetimepicker">
<span class="fa fa-calendar"></span>
</span>
</div>
</div>
</div>
</div>
</div>
推荐阅读
- c# - LINQ to Entities 无法识别该方法(布尔值)
- sql-server - 以月和日计算两个日期之间的时间段
- tfs - 需要一次将用户添加到所有团队项目
- reporting-services - SSRS 表达式 IIF 在 if true 部分带有聚合函数
- python-3.x - python:3.8-alpine3.11 中的 Scipy 错误 - 找不到 lapack/blas 资源
- r - R:通过在数据框中查找所有大于或小于同一列中另一个给定数字的数字来创建新列
- firebase - ionic 4如何在打印时获得正常大小的页面
- excel - 如何将人员数据移动到与 VBA 链接的工作表
- r - 将数据框导出为 tsv 文件 (R)
- angular - 将分钟转换为 hh: mm 格式