如何用jQuery datepicker突出显示不同的日期而不是今天?

时间:2018-10-12 20:06:07

标签: date jquery-ui-datepicker highlight

我在Web表单上使用jQuery datepicker日历作为开始日期和结束日期。默认情况下,开始日期日历和结束日期日历上的“今天”日期以黄色突出显示。

我想做的是让结束日期日历突出显示在开始日期日历上选择的日期,而不是“今天”的日期。但是开始日期日历仍应像当前一样突出显示“今天”的日期。

据我了解,jQuery datepicker“ API”并未真正提供执行此操作的方法,因此您必须在其中进行破解。通过查看其他问题,我设法用此CSS完全从两个日历中删除了今天的突出显示:

.ui-datepicker-today a.ui-state-highlight {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    color: #454545;    
}

.ui-datepicker-today a.ui-state-highlight:hover {
    border: 1px solid #cccccc;
    background: #ededed;
    color: #2b2b2b;    
}

#ui-datepicker-div a.ui-state-active {
    border: 1px solid #003eff;
    background: #007fff;
    color: #ffffff;
}

似乎开始日期日历和结束日期日历使用相同的HTML(即它们或多或少是相同的日历)。因此,当每个输入(开始和结束)都与CSS结合使用时,似乎需要使用一些JavaScript。

0 个答案:

没有答案