Calendar view as type is time

Site and Services
#1

Здравствуйте!

Использую в форме компонент:
{
view: “calendar”,
type: “time”,
id: “calendar_time”,
name: “calendar_time”,
…
}

Подскажите пожалуйста, как получить значение выбраного времени?
$$(‘calendar_time’).getValue() возвращает null.
Также если этот компонент в качестве элемента формы, то при $$(“form”).getValues(), значение поля “calendar_time” также null.

Спасибо!

#2

@Reals

Try using ‘onDateSelect’ event and then convert a date object with ‘webix.i18n.parseTimeFormatStr’

Snippet : https://webix.com/snippet/914a9562

#3

Здравствуйте,

Такое поведение для календаря с type:“time” не совcем корректно. Сейчас, чтобы значение записалось в него, пользователь должен обязательно нажать на кнопку done, тогда значение будет доступно по getValue.

Как временный фикс, можно добывать значение через calendar.config.date. Конечно, каждый раз так делать не удобно, поэтому можно кастомизировать календарь и переписать его метод getValue:

https://webix.com/snippet/039980a2

#4

Спасибо большое! Очень помогли.

#5

@Helga

А скажите пожалуйста, возможно ли также определить событие onClick при клике на время?
Я попробовал сделать так:

webix.protoUI({
  name:"timepicker",
  on_click: {
		    'webix_cal_block': function(ev, id) {
		    	console.log(this);
		    }
}, webix.ui.calendar);

webix.ui({
          view: "timepicker",
          type: "time", 
          id: "calendar_time", 
          name: "calendar_time"
});

событие срабатывает при клике по ячейке со временем, но само время уже не выделяется/не выбирается.

Спасибо за помощь!

#6

@Reals
в обработчике события последней строчкой добавьте это:
return webix.ui.calendar.prototype.on_click.webix_cal_block.apply(this, arguments);

#7

@intregal

Спасибо огромное, помогло!