Лучшая дюжина jQuery календарей и jQuery datepicker’ов

« Предыдущая запись
 
  Следующая запись »
 

calendar Лучшая дюжина jQuery календарей и jQuery datepickerов Календарь для движка сайта - вещь не только нужная, но и полезная. Помимо того, что они позволяют смотреть календарь (неужели?! - прим.ред.), они носят массу полезных функций (не может быть! - прим.ред.), начиная от обычной "пробы пипеткой" до составления календаря событий (да что вы говорите! - прим.ред.).

В данной статье будет рассмотрено большинство плагинов календарей и datepicker'ов для jQuery. Однако в конце статьи вас будет ждать один плагин, не на jQuery, который я для себя отметил уже давно, и который проходить мимо мне не позволяет совесть. Итак…

jQuery Date Pickers

  1. jQuery UI Datepicker.  Пожалуй для jQuery это передовой календарь, а точнее datepicker. Работает везде и безоговорочно. Правда замечено в Опере 9.26 (в 10 нормально всё) и в ишаках ниже 7 включительно некоторая тормознутость. Однако это не меняет того, что работает он более чем исправно. Есть поддержка скинов. И, что немаловажно, поддержка кучи различных языков. Чтобы вы не искали, даю сразу линк.01jQueryUIDatepicker Лучшая дюжина jQuery календарей и jQuery datepickerов

     

  2. jQuery Datepicker. Основан на jQuery UI Datepicker, но отделён от него в связи с тем, что разработчики jQuery UI Datepicker захотели более простой функционал. То есть данный плагин обладает дополнительными функциями, которых у первого нет. Перечислять их нет смысла, нужно смотреть. Пробегитесь по ссылке с примерами по различным вкладкам и сами поймёте. Его возможности очень и очень радуют.jQueryDatepicker Лучшая дюжина jQuery календарей и jQuery datepickerов

     

  3. jQuery date picker plug-in. Очень похож на предыдущего собрата, только функционал может быть чутка поменьше. Хотя не уверен в этом. jQuerydatepickerplugin Лучшая дюжина jQuery календарей и jQuery datepickerов

     

  4. Date Picker - jQuery plugin. Хотел бы я назвать этот плагин лучшим, но не могу, так как кроссбраузерность у него хромает. В Опере 9.26 календарь напрочь не откликается на воздействия, в Опере 10 у него проблемы с отображением (правда небольшие), в IE6 отображается криво насколько это возможно. Если вас всё это не смущает, то использовать крайне рекомендуется! Возможностей у него уйма, можете посмотреть по ссылке примера.
    02DatePickerjQueryplugin Лучшая дюжина jQuery календарей и jQuery datepickerов

     

  5. dynDateTime. Простой datepicker, особенностью которого является работа ещё и со временем.

    dynDateTime Лучшая дюжина jQuery календарей и jQuery datepickerов

     

  6. jMonthCalendar. Уникальный календарь, который позволяет работать с событиями. Календарю лишь надо подпихнуть массив событий и всё. В Опере 9.26 слегка нестабилен, а так всё нормально. Советую ознакомиться.jMonthCalendar Лучшая дюжина jQuery календарей и jQuery datepickerов

     

  7. FullCalendar. Календарь похож на предыдущий, но только гораздо лучше. Он по праву может называться органайзером - можно расписать все дела и посмотреть их в календаре на месяц, на неделю или день, всё как в КПК. Стабилен, кроссбраузерен, пока аналогов не встречено, посему зе бест.FullCalendar thumb Лучшая дюжина jQuery календарей и jQuery datepickerов

     

  8. jQuery Week Calendar. Календарь дел на неделю. В Опере 9.26 не работает. Поскольку предыдущий плагин имеет и функцию этого плагина, то пожалуй предыдущий будет лучшим выбором.jQueryWeekCalendar Лучшая дюжина jQuery календарей и jQuery datepickerов

     

  9. jCal jQuery plugin. Очень симпатичный плагин с возможностью выбора нескольких дат. Кроссбраузерен вроде как. Не проходите мимо, он стоит вашего внимания.jCaljQueryplugin Лучшая дюжина jQuery календарей и jQuery datepickerов

     

  10. iCal-like Calendar. Календарь в стиле айфона с возможностью записи событий. iCallikeCalendar Лучшая дюжина jQuery календарей и jQuery datepickerов

     

  11. Simple jQuery date-picker. Календарь без претензий на гениальность. Всё просто.
    simplejQuerydatepicker Лучшая дюжина jQuery календарей и jQuery datepickerов

     

  12. jQuery Date Input. Ещё один простой datepicker.
    jQueryDateInput Лучшая дюжина jQuery календарей и jQuery datepickerов

     

  13. jQuery Calendar Widget Plugin. Простой календарь на jQuery, не datepicker. В принципе, аналогичный вид можно сделать и на php, однако если с ним нету дружбы, то вариант на jQuery - это выход. jQueryCalendarWidgetPlugin Лучшая дюжина jQuery календарей и jQuery datepickerов

     

 

 

БОНУС!

Календарей, конечно, рассмотрено достаточно, чтобы выбрать подходящий, однако это не всё. Несмотря на мою любовь к jQuery, всё таки лучший календарь datepicker я нашёл не у него. vistalikeajaxcalendar thumb Лучшая дюжина jQuery календарей и jQuery datepickerов

Vista-like Ajax Calendar. Календарь не замечан за наличием багов, очнеь красив и удобен. Он очень похож на Date Picker - jQuery plugin (под номером 4 выше), но не имеет его недостатков. Он работает совместно с MooTools.

 

 

 

На сегодня, пожалуй, всё. Полагаю вы точно найдёте то, что вам нужно. До новых встреч!

, ,

1 звезда2 звезд3 звезд4 звезд5 звезд (голосов: 8, средний: 5.00 из 5)
Понравилась статья или журнал? Подписывайся на продолжение!
Отзывов: 40 на запись

"Лучшая дюжина jQuery календарей и jQuery datepicker’ов"

  1. Оооо) Очень полезная статья)) пригодится. Но из всех Календарей я отдаю предпочтение “Vista-like Ajax Calendar”.

  2. Спасибо, рад слышать =)
    Аналогично. Уж очень он удачно сделан

  3. Спасибо большое за такую статью!

  4. Большое пожалуйста! =)

  5. Спасибо за сборку.
    Замечание: на кнопках “Инфо”, “Пример”, Скачать” слишком светящийсяили размытый текст. Сделайте более контрастным, пожалуйста.

  6. Спасибо за отзыв!

    Всё для читателей: сделал заметно чётче. Норм?

  7. Нет. Всё равно сияние вокруг букв делает из размытыми.
    Смотри (http://img534.yfrog.com/img534/3369/jqueryjquerydatepicker.png) на мини-врезках календарей текст читается хорошо, даже маленький. А на кнопках “Инфо”, “Пример”, “Скачать” – белая косая штриховка + белые буквы + белое сияние дают плохой результат. Чёрная кошка в тёмной комнате :)

  8. в принципе я изначально и хотел чтобы у них такой эффект был, но, раз это плохо читается, надо править.
    завтра буду дома, исправлю, поиграюсь с тёмным сиянием =)

  9. Предлагаю изменённый вариант кнопок. Как оно?

  10. Субота
    01/07/2010 at 16:59 Постоянная ссылка Цитировать

    Все равно размыто, но я если честно даже не обратила на это внимания.
    Спасибо за подборку календариков ^^ Порадовало.

  11. старался как лучше, в итоге получилось то что есть =)

    пожалуйста=)

  12. Мне тоже больше всего понравился Vista-like Ajax Calendar. Но во всех примерах там только 1 календарь. А если нужно, чтобы на странице было 2 календаря ? С даты и ПО дату ? Хотелось бы и такой пример.

  13. Всё … поковырял, сделал сам ))

  14. хы, ну так оно и хорошо! вообще там несколько календарей не проблема – достаточно посмотреть страницу примеров и посмотреть как их несоклько они на страницу засунули)

  15. спасибо за ссылку, хороший датпикер!

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

  17. Но ведь не только на этих календарях свет сошёлся. К примеру, есть соответствующий плагин – link

  18. вот этот календарь лучше всех. если брать вариант со временем. А если используется jquery-ui, то безусловно, вариант самый идеальный – меньше всего нужно будет подключать. Хотя есть варианты, когда отдельные календари хороши. Но это если кроме календаря больше ни чего не используется на jQuery

  19. да всё как обычно – на вкус и на цвет. а что касается вариантов со временем, согласен – вариант действительно хорош.
    заметил? что Вы любитель jQueryUI =)

  20. Ну так вышло, что я изучаю jQuery именно с UI. Ну и шаблонов там много красивых.

  21. Оно, конечно, удобно, особенно когда много возможностей надо вешать, но когда 1-2 скрипта, наверное, проще и менее нагруженно будет найти отдельные решения.

  22. Володя
    17/06/2011 at 12:18 Постоянная ссылка Цитировать

    А как подключить календарь ? я еще совсем зеленый в jquery

    код получил http://jquery-ui.googlecode.com/svn/trunk/ui/jquery.ui.datepicker.js
    поле сделал Date:

    а как теперь ето связать что б запускалось?

  23. Здравствуйте!”
    А что из MooTools. нужно для работы
    Vista-like Ajax Calendar.?
    У меня не используются в приложении фреймверки.
    Только чистый JS и PHP

    Заранее благодарен за совет

  24. Доброе утро!
    Ну, нужна стандартная библиотека mootools и плагин Vista-like Ajax Calendar. а раз другие фреймворки не используются, то вы смело можете добавлять этот календарь

  25. Доброе утро!
    А не подскажете как подружить календарь с кирилицей?
    Пробовал пропустить массив с русскими месяцами из файла base.php через функцию iconv(‘utf-8′,’windows-1251′,$array)
    Но ничего не получилось… :( (

  26. Доброе!

    кодировку нужно проверять в:
    1) метатеге в шапке сайта
    2) в базе данных
    3) кодировка непосредственно текстовых файлов, в которых написан весь код (проверить можно в любом “нормальном” текстовом редакторе)

  27. В предыдущем комментарии я ошибся… я имел ввиду файл vars.php

  28. Ну, актуальность сообщения, где написано где нужно проверить кодировку, осталась=)

  29. Я тут пытаюсь календарь с этим xiper.net/collect/html-and-css-tricks/verstka-form/nice-select-jquery.html сверстать на одной страничке. У меня при вставке последнего исчезает календарь, а стилизованный селект так и не работает? не могу понять, в чем дело:(

  30. смотря какой календарь пытаетесь делать и смотря как =)

  31. Спасибо, сделала, библиотеки не надо было мешать, прописать 1у и все)

  32. Рад, что всё разрешилось =)

  33. Подскажите, пожалуйста, в чём проблема?

    Хочу, чтобы работал календарик Vista-like Ajax Calendar.

    Для этого подключил “vlaCal-v2.1.css” и прописал пути к файлам “mootools-1.2-core-compressed.js” и “vlaCal-v2.1-compressed.js”

    Вот только проблема! При нажатии на инпут, всплывает не весь календарик с днями и месяцами, а только его рамочка и белый квадрат внутри.

    Что не доподключил?
    Подскажите, пожалуйста!

  34. Вероятно у вас картинки не подгружены для оформления. Либо что-то не так подключено

  35. Валерий
    20/11/2013 at 10:14 Постоянная ссылка Цитировать

    В Вашей отличной коллекции не хватает одного замечательного плагина DateTimePicker

  36. Александр Шуйский
    20/11/2013 at 10:19 Постоянная ссылка Цитировать

    Спасибо!
    Не удивительно, что не хватает, старенькая статья уже. Эх)

  37. Валерий
    20/11/2013 at 12:08 Постоянная ссылка Цитировать

    Спасибо!
    Не удивительно, что не хватает, старенькая статья уже. Эх)

    Ну на то и комментарии чтобы пополнять)

  38. Александр Шуйский
    20/11/2013 at 12:12 Постоянная ссылка Цитировать

    Ваша правда =)

  39. Да, Vista-like Ajax Calendar +100500

Добро пожаловать, коллега! Вы можете оставить свой отзыв:





Допустимые XHTML-теги:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Подписка на комментарии