tooltip

sets a popup message next to the datepicker input when a cursor points to it

string|boolean|function|object tooltip;

Example

// tooltip as a boolean
webix.ui({
    view:"datepicker", label:"Departure Date", value:new Date(), 
    format:"%d  %M %Y", tooltip:true
});
 
// tooltip as a string
webix.ui({
    view:"datepicker", label:"Departure Date", value:new Date(), 
    format:"%d  %M %Y", tooltip:"#label# #value#"
});
 
// tooltip as a function
webix.ui({
    view:"datepicker", label:"Return Date", 
    value:new Date(), format:"%d %M %Y",
    tooltip:function(obj){
        return webix.i18n.parseFormatStr(obj.value);
    }
});
 
// tooltip as an object
webix.ui({
    view:"datepicker", label:"Return Date", 
    value:new Date(), format:"%d %M %Y",
    tooltip:{
        dx:10, dy:20,
        function(obj){
            return webix.i18n.parseFormatStr(obj.value);
        }
    }
});

Related samples

Details

If you define the tooltip as a function, it receives the configuration object of the datepicker.

If you define the tooltip as an object, you can configure the tooltip and define its template as a string or a function.

See also
Back to top