如何显示日期图标消息（单击以打开日期日历）工具提示

Question

如果我将光标移到日历图标附近，我需要显示消息点击打开日历，但现在它就像在图像中一样。

我在项目中使用JQuery和JavaScript。

这是我的datepicker代码：

$( ".date" ).datepicker({"dateFormat": "yy-mm-dd",   showOn: "button",
        buttonImage: "${pageContext.request.contextPath}/images/icon_cal.png",
        buttonImageOnly: true, title:"Click to open date calender" });

Answer 1

使用图片的标准HTML标题属性： -

<img src="source of image" alt="alternative text" title="this will be displayed as a tooltip"/> 

Answer 2

当没有源代码或要查看的链接时，很难帮助您解决此问题。你问我很多事情：

1。）是由另一个css规则覆盖的光标手的样式规则吗？ 2.）您是否忘记为图标定义“标题”属性？

如果我不得不猜测，它将是选项2.我这样说是因为jquery ui datepicker demo具有相同的行为。如果你去这里：http://jqueryui.com/demos/datepicker/#icon-trigger 您将看到图标与图像中的输出相同。然后，如果你看一下datepicker演示的源代码，你会看到：

这可能是你的问题。

Answer 3

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

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