Question

HI，如何为按钮图像添加工具提示？现在它显示...，而不是这个我需要显示一些文本内容，并需要为该按钮图像添加一个CSS类。

感谢。

Answer 1

要更改按钮图像上的文字，您需要设置“buttonText”属性，例如

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

要在按钮图像中添加css类，您可以选择datepicker为其提供的类并添加您的类，例如

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

但这样做的诀窍是你只能在datepicker之后添加代码来添加类。如果你在datepicker之前添加它，那么它就无法工作。

Answer 2

显示工具提示＆＃34;显示日历＆＃34;对于使用jquery datepicker在文本框后面显示的默认按钮，我们可以使用这些行，

   $(document).ready(function () {

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

Answer 3

尝试使用imagebutton的HTML属性。使用title属性在moue hover上显示文本。

或使用jquery添加css类，如

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

如何为jquery datepicker日历图像添加工具提示和类？

3 个答案: