Вот недавно была большая задача, а в ней маленькая простая задача – сделать календарь, который бы открывался по клинку на кнопочку возле поля 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, – только картинка
Таким образом у меня получилось, то что нужно.
Надеюсь Вам это тоже поможет.
Большое спасибо! Взяла себе тоже-пригодится.
Пожалуйста