Мне нужно отобразить сообщение, если я привожу курсор возле значка календаря, как Нажмите, чтобы открыть календарь, но теперь он говорит, как на изображении.
Я использую 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" });
это трудно помочь вам с этой проблемой, когда нет исходного кода или ссылки для просмотра. вы выдаете мне много вещей:
1.) - это правило стиля для руки курсора, перезаписанного другим правилом css? 2.) Забыл ли вы определить атрибут "title" для значка?
если бы я должен был догадаться, это был бы вариант 2. Я говорю это, потому что демоверсия jquery ui datepicker имеет такое же поведение. если вы перейдете сюда: http://jqueryui.com/demos/datepicker/#icon-trigger, вы увидите, что значок имеет тот же результат, который у вас есть на вашем изображении. то, если вы посмотрите на источник демоверсии datepicker, вы увидите:
это, вероятно, ваша проблема.
Используйте стандартный атрибут заголовка HTML: -
<img src="source of image" alt="alternative text" title="this will be displayed as a tooltip"/>
Чтобы изменить текст на изображении кнопки, вам необходимо установить атрибут "buttonText", например
$("#my_date_field").datepicker({
showOn: "button",
buttonImage: "/images/calendar.png",
buttonImageOnly: true,
buttonText: "Add some new text"
});