onChange

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

void onChange(Date date,any config);
dateDatethe selected date
configanysource of change

Example

$$("calendar1").attachEvent("onChange", function(date, config){
    webix.message(`Selected date is ${date}`)
});

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