我有日期选择(开始日期和结束日期).点击结束日期,我需要用红色突出显示开始日期,当鼠标移动时我需要用黄色突出显示.点击结束日期,它应该全部突出显示的颜色,如图所示.但我无法进行颜色更改.任何人都可以帮我解决问题.
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<style>
.ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
background:0 !important;
border: 0 !important;
color: #9c9c9c !important;
font-weight: bold;
text-align: center !important;
white-space:no-wrap;
font-size:10px;
}
table {
border-collapse: collapse !important;
margin:0;
}
.ui-datepicker-multi .ui-datepicker-group table{
width:100% !important;
}
<!-- .ui-datepicker-unselectable.ui-state-disabled{
border: 0 !important;
} -->
.ui-datepicker-unselectable.ui-state-default{
display:none;
}
.ui-state-range{
background-color:#FBD2D3 !important;
color: #fff !important;
}
#ui-datepicker-div tr td:hover *,#ui-datepicker-div tr td > .ui-state-default.ui-state-hover,.ui-datepicker-current-day{
background-color:#F4777C !important;
color:#fff !important;
text-align:center !important;
} …