Полезные сценарии выбора календаря и даты для веб-разработчиков
Календари часто можно увидеть на большинстве веб-страниц сегодня, особенно в блогах и на личных сайтах. Что касается корпоративных сайтов или сайтов электронной коммерции, он используется для размещения объявлений, предстоящих событий, конкурсов и многого другого. Что делает календарь почти необходимым? Это позволяет пользователям узнать, что нового, чего ожидать в указанную дату, и отследить более старую информацию одним взглядом..
Календарь на сайте отеля, в кинотеатре или на сайте авиакомпании требует взаимодействия с пользователем для бронирования номеров и авиабилетов. Наличие календаря на этом веб-сайте необходимо, поскольку пользователям необходимо выбрать указанную дату для бронирования. Именно здесь Date Picker играет свою роль в качестве средства навигации. Выбор даты, который является макетом календаря, позволяет пользователю перемещаться по дням, неделям или годам, чтобы выбрать желаемую дату. Некоторые средства выбора даты также включают возможность переходить непосредственно к определенному дню, вводя дату для удобства пользователей..
В сегодняшнем посте мы показываем вам некоторые из лучших сценариев выбора календаря и дат, которые мы узнали. Надеюсь, вы найдете тот, который соответствует вашим требованиям. Полный список после прыжка!
iCal-подобный календарь
Потрясающий календарь, который очень похож на приложение iPhone Calendar и iCal. Он имеет плавную анимацию, и когда вы наводите курсор на существующее событие, появляется всплывающая подсказка с подробной информацией. [Демо] [Скачать]
MooTools DatePicker
Настраиваемый Javascript DatePicker с плавной анимацией. Работает для любого формата даты, а также поддерживает выбор времени. Основной скин, скин Windows Vista, скин OSX Dashboard и скин Jquery UI. [Демо] [Скачать]
FullCalendar
Это плагин jQuery в стиле Google обеспечивает полноразмерный календарь перетаскивания. Этот календарь легко настраивается и использует Ajax. [Демо] [Скачать]
jPint
JPint - веб-разработчик для iPhone, который выглядит великолепно. Просто выберите Календарь, и вы увидите тот же календарь, что и на вашем iPhone. [Демо] [Скачать]
jCalendar
Динамический календарь jQuery, который можно использовать с тремя вариантами выбора: один для дня, месяца и года. Этот календарь не имеет анимации. [Демо] [Скачать]
Datepicker
Этот указатель даты представляет собой простой видоискатель, который связан со стандартным полем ввода формы. Просто нажмите на поле ввода, а затем используйте стрелки для переключения между месяцами. [Демо] [Скачать]
Календарь Недели jQuery
Еще один полноразмерный календарь в стиле Google, но этот плагин jQuery обеспечивает простой и гибкий способ включения еженедельного календаря в ваше приложение. [Демо] [Скачать]
jMonthCalendar
Полноразмерный календарь, который поддерживает события. Каждое событие может быть наведено, и у события есть URL, который ссылается на страницу, которая показывает больше деталей о событии, по которому щелкнули [Демо] [Скачать]
Выбор даты
DatePicker, который имеет приятный стиль и легко настраивается в соответствии с веб-приложением пользователя. Он также имеет много функций, таких как несколько календарей в компоненте, и позволяет выбирать один, несколько или диапазон. Пользователь может отмечать даты как особые, выходные, особые дни и т. Д. [Демо] [Скачать]
Простой JQuery Date Picker
Довольно аккуратный указатель даты, который работает с одним или несколькими элементами ввода текста и легко оформляется с помощью CSS. Использовать этот указатель даты очень просто - сначала выберите год и месяц, а затем выберите какой-нибудь день. [Демо] [Скачать]
Календарь
Это класс Javascript, который является компиляцией многих сборщиков дат. Эти средства выбора даты включают в себя все функции, которые были наиболее полезными. Их дизайн также очень аккуратный и красивый с плавной анимацией. [Демо] [Скачать]
Vista-подобный календарь Ajax версии 2
Vista-подобный календарь ajax - это веб-версия изящного и глубокого календаря панели задач Windows Vista. Если вам нравится стиль Windows Vista, вам также понравится этот календарь [Демо] [Скачать]
Yahoo! Библиотека пользовательского интерфейса: календарь
Простой календарь YUI, который может быть реализован в вашем веб-приложении. У него не так много вариантов, но если вам нужен только сборщик дат, вам больше ничего не нужно. [Демо] [Скачать]
Ненавязчивый виджет выбора даты
Этот удобный инструмент выбора даты доступен с клавиатуры, не требует встроенных блоков JavaScript и не использует всплывающие окна. Вы также можете полностью изменить стиль с помощью CSS. [ДЕМО] [Скачать]
Scal
Классный выбор даты, который имеет 6 различных стилей: Scal, Scal tinyscal, iScal, Dashblack, Googleblue и iPhonic. [Демо] [Скачать]
Интерактивный инструмент выбора диапазонов дат jQuery
Очень интерактивный компонент, который специально разработан для выбора диапазонов дат. Обратите внимание на эти плавные и красивые анимации. [Демо] [Скачать]
Основной календарь
Попробуйте этот календарь, если вы хотите использовать простой веб-календарь в своем веб-приложении. [Демо] [Скачать]
Простой календарь
Это простой всплывающий календарь, который работает во всех браузерах. Несмотря на то, что это не самый красивый календарь, он полностью прокомментирован и настраивается для языка, цвета и формата даты. [Демо] [Скачать]
Тигровый календарь
Tigra - это календарь, который работает во всех браузерах. Это выпадающий календарь, который позволяет быстро и просто вводить даты, улучшая пользовательский опыт. [Демо] [Скачать]
jQuery Datepicker
Изящно выглядящий указатель даты, который можно легко добавить в виде всплывающего окна в текстовое поле или в строку в разделе или промежутке. У этого есть анимация стиля jQuery для хорошего взгляда. [Демо] [Скачать]
Ввод даты jQuery
Ввод даты - это плагин выбора даты для jQuery. [Демо] [Скачать]
DatePickerControl
Простой указатель даты, напоминающий калькулятор Windows из-за его внешнего вида. Вы можете легко преобразовать поле ввода в этот указатель даты. [Демо] [Скачать]
Jason Moon's Fool-Доказательство Сценарий ввода даты Календарь
Очень маленький и согласованный календарь. Это не занимает много места, и это также выглядит хорошо. Вы не можете переключаться между годами, но вы можете переключаться между месяцами с помощью стрелок. [Демо] [Скачать]
Календарь Сценарий
Простой календарный скрипт с хорошим функционалом. Это хороший выбор, если вы хотите надежный и простой календарь. [Демо] [Скачать]
Календарь Dhtmlx
Легкий кросс-браузерный календарь JavaScript, простой в использовании и полностью настраиваемый. У этого также есть хороший стиль, который смешан вместе с его функциональностью. [Демо] [Скачать]
Javascript Date Picker
Этот инструмент выбора даты использует методы DOM для генерации своего HTML-кода. Он поддерживает такие браузеры, как: Mozilla Firefox, Google Chrome, Safari, Internet Explorer 6+. [Демо] [Скачать]
Богатый календарь
Это кросс-браузерный календарь Javascript, который реализует соответствующую функциональность с множеством расширенных опций. [Демо] [Скачать]
Datepicker] [скачать]
Datepicker
Простой и хорошо выглядящий инструмент выбора даты, похожий на встроенный калькулятор Windows. [Демо] [Скачать]
