Как отобразить всплывающую подсказку «Значок даты» (нажмите, чтобы открыть календарь даты)

0

Мне нужно отобразить сообщение, если я привожу курсор возле значка календаря, как Нажмите, чтобы открыть календарь, но теперь он говорит, как на изображении.

Изображение 174551

Я использую 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" });
  • 0
    Я думаю, что использование всплывающей подсказки будет полезно, и удалить тег Java
Теги:
datepicker
tooltip

3 ответа

1
Лучший ответ

это трудно помочь вам с этой проблемой, когда нет исходного кода или ссылки для просмотра. вы выдаете мне много вещей:

1.) - это правило стиля для руки курсора, перезаписанного другим правилом css? 2.) Забыл ли вы определить атрибут "title" для значка?

если бы я должен был догадаться, это был бы вариант 2. Я говорю это, потому что демоверсия jquery ui datepicker имеет такое же поведение. если вы перейдете сюда: http://jqueryui.com/demos/datepicker/#icon-trigger, вы увидите, что значок имеет тот же результат, который у вас есть на вашем изображении. то, если вы посмотрите на источник демоверсии datepicker, вы увидите:

это, вероятно, ваша проблема.

  • 0
    Пожалуйста, проверьте мой отредактированный код вопроса, Теперь я дал атрибут заголовка. Но он загружает то же самое
1

Используйте стандартный атрибут заголовка HTML: -

<img src="source of image" alt="alternative text" title="this will be displayed as a tooltip"/> 
  • 0
    Пожалуйста, проверьте мой отредактированный код вопроса.
0

Чтобы изменить текст на изображении кнопки, вам необходимо установить атрибут "buttonText", например

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

Ещё вопросы

Сообщество Overcoder
Наверх
Меню