gpt4 book ai didi

jquery - Bootstrap Datepicker - 自定义样式

转载 作者:行者123 更新时间:2023-12-04 03:34:06 26 4
gpt4 key购买 nike

我在我的应用程序中使用 Bootstrap Datepicker(请参阅:https://bootstrap-datepicker.readthedocs.io/en/latest/index.html)并将其设置为如下所示工作。我没有代码问题,日期选择器按预期工作,但是,我想更改插件的样式。除了编辑默认样式表和颜色,事件日不再以默认蓝色显示,还有其他方法可以自定义事件日的 CSS 吗?我已经深入查看了文档,但似乎找不到任何有用的东西。

<head>
<link rel="stylesheet" href="/bootstrap-datepicker/css/bootstrap-datepicker.min.css">
</head>

<div class="form-group mb-0" id="bootstrap-datepicker">
<input class="form-control" type="text" data-provide="datepicker" id="startDate" name="StartDate" value="">
</div>

<script src="/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
<script>
$('#bootstrap-datepicker input').datepicker({
format: "dd/mm/yyyy",
toggleActive: true,
todayBtn: "linked",
changeMonth: true,
changeYear: true
});
</script>

Boostrap Datepicker(基于上面的代码):

enter image description here

最佳答案

您需要覆盖所选日期的样式。为此,请引用 td.active 选择器,它默认包含以下规则:

color
background-color
border-color
text-shadow

此外,使用 !important 分配任何参数而不是当前参数,并将它们插入到您的 css 中。例如:

td.active {
color: unset!important;
background-color: unset!important;
border-color: unset!important;
text-shadow: unset;
}

在示例中,我关闭了所选日期的所有选择器规则,但您可以将需要的任何规则保持打开状态。为此,只需不在覆盖的选择器中指定所需的规则即可。

关于jquery - Bootstrap Datepicker - 自定义样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67265491/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com