Установка графика работы (поле формы 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 и т.д. - по порядку подобных элементов на странице)

Falcon Space - функциональная веб-платформа разработки на узком стеке MS SQL/Bootstrap. Вводная по Falcon Space
Насколько полезной была статья?

Google поиск по нашей документации

Выгода от использования Falcon Space

В 2-3 раза экономнее и быстрее, чем заказная разработка
Более гибкая, чем коробочные решения и облачные сервисы
Используйте готовые решения и изменяйте под свои потребности
Нужна бесплатная консультация?
Планируете делать веб-проект?
Сайт использует Cookie. Правила конфиденциальности OK