Вот недавно была большая задача, а в ней маленькая простая задача – сделать календарь, который бы открывался по клинку на кнопочку возле поля input.

Пример того, что нужно было сделать на картинке снизу:

Вроде как все понятно, уже все придумано и сделано, нужно только пользоваться. Зная это, я выбрал наиболее удобный и продвинутый календарь написанный на jQuery. Посмотрел в него, потыкал, то-что надо. Кстати о календаре на jQuery можно почтитаь и посмотреть пример здесь, а так же скачать его можно здесь.

Календарь нашли, осталось дело за малым, установить его, и сделать вызов на кнопу. Установить я его установил, а вот вызов на кнопку у меня просто так не выходил. Я переписал множество функций с событием click, но ничего не работало.

Как сделать так, чтобы календарь открывался по клику на кнопку

В итоге после долги мучений и поисков я нашел простое решение:
$(function() {
$( "#deliveryDate").datepicker({
showOn: "button",
buttonImage: " http://www.proflead.ru/works/ritm/images/front/calendar_ico.gif",
buttonImageOnly: true,
});

Оказывается все уже давно заложено в этот календарь, достаточно объявить свойства при вызове календаря:
showOn: «button», – показывать кнопку
buttonImage: » http://www.proflead.ru/works/ritm/images/front/calendar_ico.gif», – картинка к кнопке
buttonImageOnly: true, – только картинка

Таким образом у меня получилось, то что нужно.

Надеюсь Вам это тоже поможет.

This entry was posted on Вторник, Июнь 14th, 2022 at 1:28 пп and is filed under jQuery, Полезная информация. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.