» »

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


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

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

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

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

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

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

Теперь подключим эти файлы на сайте. На страницах, где будете использовать календарь, между тегами
Код
<script src="/js/datepicker.min.js"></script>  
<link type="text/css" rel="StyleSheet" href="/css/datepicker.css" />


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

Код
@import url('/css/datepicker.css');


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

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

Код
<script>$('.element').datepicker();</script>


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

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

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

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

Код
<script> $('.element').datepicker({ minDate: new Date() }); </script>


Ичточник: proucoz.site
24.02.2017 Загрузок: 2 Просмотров: 350 Комментарий: (4)

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

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

Комментарий: 4
Сопрано
Сопрано 24.02.2017 23:561
0
Это что поиск, чтоб можно искать по дате, если брать новостной ресурс, то здесь он подойдет, или вообще не понимаю, для чего ставят, просто уже вижу не первый раз и в описание подробно не описано, только характеристику выдают, а для чего поставить и чего будет эта функция выполнять, не понять.
FeStemBer
FeStemBer 25.02.2017 00:012
0
Думаю как раз по поиску, если его при загрузки выставляют, а это значит не как тег идет, но по нему явно будут искать.
maniacvn
maniacvn 25.02.2017 15:203
0
А пойдет для поиска в архив новостей?
Kosten
Kosten 25.02.2017 16:004
0
Вот точно, для новостей, там то нужно ставить дату, все же по ней как то лучше искать.
avatar