Интервал дат, dateRange

Задание у daterange поля через options настроек

  1. format - если установлен, то задает формат даты (если нет - то берутся глобальные настройки формата даты из GetLayout). 
  2. 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