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

Question

如果我将光标靠近日历图标作为单击打开日历，我需要显示消息，但现在它像图像中一样显示。

我在我的项目中使用 JQuery 和 JavaScript。

这是我的日期选择器代码：

$( ".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 演示具有相同的行为。如果你去这里：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"
});