Интервал дат, dateRange
Задание у daterange поля через options настроек
- format - если установлен, то задает формат даты (если нет - то берутся глобальные настройки формата даты из GetLayout).
- daterangeJSON - можно задать JSON строку для настроек параметров элемента. Детали - https://www.daterangepicker.com/
Пример:
-- SELECT 1 в GetItem формы
select '{ "daterangeJSON": { "maxSpan": { "days": 7},
"opens": "left",
"drops": "up",
"buttonClasses": "btn btn-lg",
"applyButtonClasses": "btn-danger",
"cancelClass": "btn-danger"
}
}' options_s45,
Задание предустановленных интервалов у компонента
Создаем поле date у формы с типом daterange.
Необходимо задать через JS на странице:
var range = {};
range["Сегодня"] = [moment(), moment()];
range["Завтра"] = [moment().add(1, 'days'), moment().add(1, 'days')];
range["Следующие 7 дней"] = [ moment(), moment().add(6, 'days')];
range["Следующие 30 дней"] = [moment(), moment().add(29, 'days')];
range["Следующие 3 месяца"] = [moment().startOf('month'), moment().add(3, 'month').endOf('month')];
as.daterangeVariants = range;
Страница-источник на сайте 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 Верстка
-
Решение проблем
-
Советы по реализации