2017-11-18 303 views
0

我使用jQuery日期選擇器,在datepicker上有兩個圖標可用(next,previous),當我將鼠標懸停在這些圖標上時,它們正在消失。Jquery Datepicker prev,隱藏在懸停上的下一個圖標

enter image description here

我已經在懸停兩類檢查了標籤獲取添加

類 - UI狀態懸停UI的日期選擇器,下徘徊

可問題是什麼呢?

<a class="ui-datepicker-prev ui-corner-all" data-handler="prev" data-event="click" title="Prev"> 
<span class="ui-icon ui-icon-circle-triangle-w">Prev</span> 
</a> 

在這兩個類懸停在錨標記獲取添加

ui-state-hover ui-datepicker-prev-hover 

現在我想刪除懸停/鼠標懸停

UI的日期選擇器,上一個UI自錨標記上面提到的類-corner-all ui-state-hover ui-datepicker-prev-hover

+1

請提供工作代碼。 –

+0

什麼版本的jQueryUI.js和jQueryUI.css?他們是一樣的嗎? – charlietfl

+0

兩個版本都是不同的css-1.8.18,js- 1.9.2 –

回答

1

請檢查這個:

$(function() { 
 
    $("#datepicker").datepicker(); 
 
});
#ui-datepicker-div .ui-widget-header { \t 
 
\t background: #2D8CB9; \t 
 
} 
 
.ui-state-default, .ui-widget-content .ui-state-default{ 
 
    background: transparent!important; 
 
} 
 
.ui-state-highlight, .ui-widget-content .ui-state-highlight{ 
 
    background: #fffa90!important; 
 
} 
 
.ui-datepicker-calendar th { 
 
\t color: #2D8CB9; 
 
} 
 
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{ 
 
    color:#333!important; 
 
}
<link rel="stylesheet" href="//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> 
 

 
    
 
<p>Date: <input type="text" id="datepicker"></p>

+0

謝謝,它工作正常..有些CSS創建問題順便說一句,謝謝你的努力。 –

+0

最受歡迎... :) –