如何添加jQuery的datepicker日曆圖像的工具提示和類？

Question

HI， 如何爲按鈕圖像添加工具提示？現在它的顯示...，而不是我需要顯示一些文本內容，並需要爲該按鈕圖像添加一個CSS類。

謝謝。

Answer 1

要更改按鈕圖像上的文本，您需要設置「buttonText」屬性，例如，

$("#my_date_field").datepicker({ 
    showOn: "button", 
    buttonImage: "/images/calendar.png", 
    buttonImageOnly: true, 
    buttonText: "Add some new text" 
}); 

一個CSS類添加到按鈕圖像，你可以選擇的日期選擇器給它的類，並添加類，例如

$(".ui-datepicker-trigger").addClass("myCssClass"); 

但是，這個技巧是你只能添加你的代碼來添加類後的日期選擇器。如果你在日期選擇器之前添加它，那麼它不會工作。

Answer 2

要顯示工具提示「顯示日曆」爲其中使用jQuery日期選擇器我們可以利用這些線上的文本框後出現的默認按鈕，

$(document).ready(function() { 

$(".ui-datepicker-trigger").on("mouseover", function() { 
    $(this).attr('title', 'Display Calendar'); 
}); 

Answer 3

嘗試使用的ImageButton的HTML屬性。使用title屬性在moue懸停上顯示您的文本。

或添加使用jquery的CSS類等

$("#ImagebuttonID").addClass("myCssClass");