onChange

fires when a user changes month, year or time in selector

void onChange(array date,any config);
datearrayan array with the Date object of the selected date
configanythe source of change

Example

const format = webix.Date.dateToStr("%d.%m.%Y"); 
$$("calendar").attachEvent("onChange", function(date, config){ 
    webix.message(`Selected date is ${format(date[0])}. Source: ${config}`) 
});

Related samples

Details

The config parameter can have the following values:

  • "user" - if the change was made by user
  • "auto" - if the change was made by the library inner logic
  • undefined - if the change was made by a control's setValue or Form setValues method call made by a programmer.

Also, you can get a custom value as the config parameter. To do that call the setValue/setValues method passing your value as the last argument:

webix.ui({
  view:"calendar",
  // ..config
  on:{
    onChange: function(date, config){
        // config is {yourProperty: "yourValue"}
    }
  }
});
 
// onChange event will receive object as the 3rd parameter
$$("$calendar1").setValue(newValue, {yourProperty: "yourValue"});
See also
  • API
  • Articles
  • Back to top