如何顯示日期圖標信息（單擊以打開日期日曆）工具提示

我需要顯示消息，如果我帶光標靠近日曆圖標作爲點擊以打開日曆但現在它說像圖像。如何顯示日期圖標信息（單擊以打開日期日曆）工具提示

enter image description here

我爲我的項目中使用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" });

來源

2013-10-26 Yellow Flash

我覺得使用工具提示會很有用，並刪除java標籤 – SpringLearner

很難幫您解決問題時，有沒有源代碼或一個鏈接來查看。你問我可以做很多事情：

1.）是光標手被另一個css規則覆蓋的樣式規則？ 2.）你忘了爲圖標定義「標題」屬性嗎？

如果我不得不猜測，這將是選項2.我這樣說，因爲jquery ui datepicker演示具有相同的行爲。如果你去這裏：http://jqueryui.com/demos/datepicker/#icon-trigger 你會看到圖標與你的圖像有相同的輸出。那麼，如果你看一下源的日期選擇器的演示，你會看到：

這可能是您的問題。

來源

2013-10-26 06:02:45

請檢查我編輯的問題代碼，現在我給了Title屬性。但它加載相同 –

使用圖像的標準HTML title屬性： -

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

來源

2013-10-26 05:56:28 vikaskimt

請檢查我編輯的問題代碼。 –

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

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

來源

2013-10-26 06:25:20

如何顯示日期圖標信息（單擊以打開日期日曆）工具提示

回答

相關問題