Как добавить всплывающую подсказку и класс для изображения календаря jquery datepicker?

Question

HI, Как добавить всплывающую подсказку для изображения кнопки? Теперь его отображение ... вместо этого мне нужно показать текстовое содержимое и добавить класс CSS для изображения этой кнопки.

Спасибо.

Answer 1

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

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

Чтобы добавить класс css к изображению кнопки, вы можете выбрать класс, который ему дает DatePicker, идобавьте свой класс, например,

$(".ui-datepicker-trigger").addClass("myCssClass");  

Но хитрость в этом заключается в том, что вы можете добавить свой код только для добавления класса после указателя даты.Если вы добавите его до выбора даты, он не будет работать.

Answer 2

попробуйте использовать свойства HTML кнопки image.используйте свойство title для отображения вашего текста при наведении мыши.

или добавьте класс css с помощью jquery, например

$("#ImagebuttonID").addClass("myCssClass");

Answer 3

Чтобы отобразить подсказку «Показать календарь» для кнопки по умолчанию, которая появляется после текстового поля с помощью jquery datepicker, мы можем использовать эти строки,

   $(document).ready(function () {

$(".ui-datepicker-trigger").on("mouseover", function () {
    $(this).attr('title', 'Display Calendar');  
});