График работы, weekTime

Поле можно посмотреть на демостенде (внизу страницы) - https://falconspace.ru/tst-fields
Тип поля формы - weekTime (Выбор часов в неделе).
Для начальной установки используется такой формат: d1,h11,h12,h13_d2,h21,h22, h23 dx - это номер дня недели от 1 до 7. а hxx - это часы для этого дня от 0 до 23.
Пример: 2,1,2,3,4,23_5,1,2,4,6. Т.е. для 2 (вторник) дня мы ставим часы 1,2,3,4,23, а для 5 (пятница) дня ставим 1,2,4,6
Вывод для указанного примера:

Примечание:
Внутри поля используется сниппет вида:
<div class="as-weekTime" data-value="2,1,2,3,4,23_5,4,2,1,6" data-code="el1" data-title="Выбери время" data-showhours="1" data-standartworktime="Стандартное время"></div>
- value - устанавливаем значение поля
- code - для создания коллбека загрузки (автоматически проставляется при генерации через форму)
- title - левая верхняя ячейка (настраивается на форме как заголовок поля)
- showHours - если 1, то в ячейках будет проставлено время.
- standartWorkTime - если установлен текст, то будет добавлена кнопка с этим текстом, которая устанавливает стандартный режим работы 5/2 с 9 до 18 с перерывом в 13 на обед. Чтобы настроить это поле на форме, требуется указать placeholder для поля
Коллбек по событию загрузки элемента устанавливается следующим образом:
// el1 - это код элемента
as.weekTimeCallbacks["el1_load"] = function(cont){
alert("loaded");
}
Код элемента можно посмотреть через браузер (он генерируется автоматически - wt1,wt2 и т.д. - по порядку подобных элементов на странице)
Настройки options_xx для поля weekTime
- standartWorkTime - строка, название кнопки для установки стандартного графика работы 7/2 9-17
- showHours - если true, то в сетке будут показаны часы
- responsive - если true, то таблица будет адаптивная (ужиматься по ширине при малом экране с появлением горизонтального скроллинга)
Страница-источник на сайте falconspace.ru
-
Начало работы
-
Основа Falcon Space
-
Руководства
-
Возможности
-
Коммуникация пользователей
-
Таблицы
-
Формы
-
Поля формы
Общие настройки для полей формы через options_ Строка, string Галочки с множественным выбором, checkboxes Переключатель switch и галочка bool Радиокнопки (выбор одного элемента), radio, defaultRadio Многострочное поле, text Гибкий список выбора, select-picker Список с поиском по базе autocomplete, select-search Список выбора, комбик, select,select2 Диапазон чисел, intrange Целое, дробное число, int, float, html-number Rich редактор текста, html2 Интервал дат, dateRange Скрытые параметры формы, cookie, localStorage, sessionStorage и urlParameter Дата HTML5, datetime-local Слайдер (ползунок), slider Поля формы для загрузки файлов, files, remoteFile, fileContent Множественный список, chosen Градиент, gradient Как сделать списки select и chosen с категориями (optgroup) Выбор из элементов с табуляцией, tabs Флажок-картинка, imageCheckbox Как использовать Флажки и выбор радио с картинкой, imageRadio, imageCheckboxes Дерево с выбором галочек, treeCheckboxes Выбор адреса и сохранение координат места (lat,lng), geo-autocomplete Таймер, timer Выбор цвета, colorCheck и colorRadio Вставка ссылок по шаблону (ютуб-видео), patternString Дерево с сортировкой Drag-and-Drop, treeOrder График работы, weekTime Редакторы кода editorHTML, editorSQL, editorCSS, editorJS Время, time Сканер QR и штрих кодов, codeScanner
-
Лендинги
-
Дизайн, стилизация, юзабилити
-
Интеграции
-
Универсальный API
-
Каталоги
-
Навигация
-
Документы
-
Дополнительные компоненты
-
Продвижение, SEO
-
Системные моменты
-
Системное администрирование
-
HOWTO
-
Загрузка файлов, картинок
-
HOWTO SQL
-
HOWTO JS
-
HOWTO Верстка
-
Решение проблем
-
Советы по реализации