gpt4 book ai didi

javascript - 在 Bootstrap 日期选择器中将类(class)添加到多个/特定日期?

转载 作者:数据小太阳 更新时间:2023-10-29 03:59:11 37 4
gpt4 key购买 nike

我很难在 Bootstrap 中向日期添加类。这是日期选择器。 enter image description here

enter image description here

我想要实现的是在我指定的日期放置一个小蓝点。我正在考虑为日期添加一个类。我应该怎么做?

最佳答案

根据您使用的日期选择器,您可以执行如下操作:

大多数日期选择器都有一个 beforeShowDay选项。您可以在此处设置一个类(class)以添加到您要更改的日期。

对于这个例子,我使用 http://eternicode.github.io/bootstrap-datepicker

如何执行此操作的示例可在此处找到:jsFiddle

您需要将要突出显示/标记的日期放入数组中:

var active_dates = ["23/5/2014","21/5/2014"];

然后使用 beforeShowDay选项可根据显示的当天检查日期,然后申请类(class)。

<input type="text" id="datepicker" />

$("#datepicker").datepicker({
format: "dd/mm/yyyy",
autoclose: true,
todayHighlight: true,
beforeShowDay: function(date){
var d = date;
var curr_date = d.getDate();
var curr_month = d.getMonth() + 1; //Months are zero based
var curr_year = d.getFullYear();
var formattedDate = curr_date + "/" + curr_month + "/" + curr_year

if ($.inArray(formattedDate, active_dates) != -1){
return {
classes: 'activeClass'
};
}
return;
}

});`

activeClass可以是任何形式的 CSS。在我的示例中,我刚刚更改了背景颜色。在您的示例中,您可以偏移图像并将其应用于当天。

.activeClass{
background: #F00;
}

关于javascript - 在 Bootstrap 日期选择器中将类(class)添加到多个/特定日期?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23604026/

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