ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Подключить календарь на формах для uCoz

Подключить календарь на формах для uCoz

Теперь у веб мастеров появилась возможность подключить календарные дни и годы подключить на сайте системы uCoz на формах ресурса. Это для тех, кто когда загружает материал, и его просят заполнить дату на это решение, то точно вам подойдет. Также для более продвинутых еще будет информация здесь, по дополнению на календарь и все инструкций по применению.

Календарь, написан с использованием es5 и css flexbox . Работает во всех современных браузерах: IE 10+, Chrome, Firefox, Safari 8+, Opera 17+. Как уже было сказано выше, данный вид календаря для форм очень легок и не сложен по своей установке на портал.

1. Загрузка файлов

Скачайте архив, распакуйте его и загрузите файлы к себе на сайт: datepicker.min.js — в папку js, datepicker.css — в папку css.

2. Установка кода

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

Код

Файл стилей также можно подключить в общий, для этого в панели управления в верхнем баре выберите Дизайн - Управление дизайном (CSS). На открывшейся странице на самой первой строке устанавливаем строку кода:

Код

@import url('/css/datepicker.css');

3. Инициализация

Календарь будет автоматически применен к элементам с классом .datepicker-here. Для ручного вызова воспользуйтесь следующим кодом:

Код

Где .element — класс или ID нужного элемента (поля ввода, например).

4. Возможности

Календарь может выводить не только дату, но и время, позволяет выбирать интервалы и обладает большим набором функций.

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

Код

Ичточник: proucoz.site

24 Февраля 2017 Загрузок: 2 Просмотров: 1381 Комментариев: (4)

Поделиться в социальных сетях

СКАЧАТЬ

Материал разместил

Kosten

Похожие материалы

Оставь свой отзыв

Комментарии: 4
Порядок вывода комментариев: Сопрано 24 Февраля 2017 23:56¹ 0 Это что поиск, чтоб можно искать по дате, если брать новостной ресурс, то здесь он подойдет, или вообще не понимаю, для чего ставят, просто уже вижу не первый раз и в описание подробно не описано, только характеристику выдают, а для чего поставить и чего будет эта функция выполнять, не понять. FeStemBer 25 Февраля 2017 00:01² 0 Думаю как раз по поиску, если его при загрузки выставляют, а это значит не как тег идет, но по нему явно будут искать. maniacvn 25 Февраля 2017 15:20³ 0 А пойдет для поиска в архив новостей? Kosten 25 Февраля 2017 16:00⁴ 0 Вот точно, для новостей, там то нужно ставить дату, все же по ней как то лучше искать.