Время и дата

В этом разделе представлены два селектора даты, предназначенных для выбора определённого временного диапазона.

scheduler.locale.labels.section_time = 'Time period';
 
scheduler.config.lightbox.sections = [
    { name:"text", height:50, map_to:"text", type:"textarea", focus:true },
    { name:"time", height:72, type:"time", map_to:"auto"}
];

Related sample: Basic initialization

Свойства

Ниже приведены основные свойства, которые часто используются с контролом 'time' (полный список смотрите здесь):

name	(string) имя секции
height	(number) высота секции
map_to	(string) имя свойства данных, к которому привязана секция
type	(textarea,time,select,template,multiselect,radio,checkbox,combo) тип контрола, используемого в секции. "time" указывает на контрол выбора даты и времени
year_range	(array, number) определяет диапазон для селектора года. Можно задать двумя способами: year_range: [2005, 2025] - охватывает годы с 2005 по 2025 year_range: 10 - охватывает диапазон от 10 лет до и после текущего года

Автоматическая дата окончания в контроле Time

Чтобы задать длительность события по умолчанию и автоматически корректировать дату окончания для сохранения этой длительности, используйте настройки event_duration и auto_end_date:

// задаёт длительность события в минутах для автоматической корректировки времени окончания
scheduler.config.event_duration = 60; 
scheduler.config.auto_end_date = true;

Related sample: Automatic end date

С такой настройкой при изменении времени или даты начала события в lightbox, дата и время окончания будут автоматически обновляться, чтобы длительность события оставалась равной 60 минутам (как указано в опции event_duration).

Порядок селекторов даты и времени

Порядок контролов даты и времени в секции 'Time period' можно изменить, а также удалить некоторые селекторы. Это делается с помощью свойства time_format:

scheduler.config.lightbox.sections=[
  {name:"description", height:130, map_to:"text", type:"textarea", focus:true},
  {name:"time", ..., time_format:["%H:%i","%m","%d","%Y"]}
];

Обратите внимание, что это меняет только порядок элементов в массиве, но не формат отображения данных. Для изменения формата отображения времени используйте шаблон time_picker.

Примеры различных форматов:

//порядок по умолчанию
time_format:["%H:%i", "%m", "%d", "%Y"] 
//сначала месяц
time_format:["%m","%d", "%Y", "%H:%i"]
//селектор года удалён
time_format:["%H:%i", "%m", "%d"]
//некорректный пример
time_format:["%H:%i", "%M", "%d", "%Y"] // "%m" заменён на "%M"

Мини-календарь в lightbox

В lightbox можно добавить мини-календарь (селектор даты) для выбора "начала" и "окончания" события.

Чтобы добавить мини-календарь в lightbox, выполните следующие шаги:

Добавьте расширение на страницу:

scheduler.plugins({
    minical: true
});

Измените type секции time с time на calendar_time:

//настройка lightbox по умолчанию
scheduler.config.lightbox.sections=[
  {name:"description", height:200, map_to:"text", type:"textarea", focus:true},
  {name:"time", height:72, type:"time", map_to:"auto"}
];
//измените type с "time" на "calendar_time"
scheduler.config.lightbox.sections = [
  {name:"description", height:200, map_to:"text", type:"textarea", focus:true},
  {name:"time", height:72, type:"calendar_time", map_to:"auto" }
];

Для дальнейшей настройки мини-календаря обратитесь к разделу Mini Calendar Templates.

Наверх