Javascript 如何使用Jquery在突出显示中显示所选日期
您可以更改用于选择“ui状态处于活动状态”的日期的类,然后将所需的颜色和格式设置在那里Javascript 如何使用Jquery在突出显示中显示所选日期,javascript,jquery,Javascript,Jquery,您可以更改用于选择“ui状态处于活动状态”的日期的类,然后将所需的颜色和格式设置在那里 .Highlighted a{ background-color : Green !important; background-image :none !important; color: White !important; font-weight:bold !important; font-size: 12pt; }
.Highlighted a{
background-color : Green !important;
background-image :none !important;
color: White !important;
font-weight:bold !important;
font-size: 12pt;
}
根据评论,这里是更新的答案:
代码段:
.ui-state-active {
background: red !important;
}
你的问题是什么?很高兴看到代码,但请为我们制定一个问题,让我们回答,而不是你在标题中提供的问题。当然这里我得到的日期与我在评论行中提到的一样,这些日期应该突出显示。感谢你的回复,实际上我希望在日期选择器中显示红色,这是你所做的,意思是在点击特定日期后,它显示为红色。我的问题是,在数组之间没有日期。自动日期必须显示为红色,而不是在点击日期后。是的,我做了这个,itz工作得很好,为什么因为它是静态日期,但在我的应用程序中都是动态日期,无法显示这些日期。您可以循环输入日期并创建新的日期对象。它应该可以工作。您可以为我以前的代码制作一个提琴,我已经应用了,但没有工作,您可以找到解决方案吗?您可以试着为您的问题制作一个JSFIDLE吗?您可以重用我创建的提琴,并在选定的日期中创建响应数组
.ui-state-active {
background: red !important;
}
var SelectedDates = {};
SelectedDates[new Date('08/08/2014')] = new Date('08/08/2014');
SelectedDates[new Date('08/09/2014')] = new Date('08/09/2014');
SelectedDates[new Date('08/10/2014')] = new Date('08/10/2014');
$(function() {
$("#datepicker").datepicker({
beforeShowDay: function(date) {
var Highlight = SelectedDates[date];
if (Highlight) {
return [true, "Highlighted", Highlight];
}
else {
return [true, '', ''];
}
}
});
});