Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.318/styles/kendo.common.min.css" />
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.318/styles/kendo.default.min.css" />
</head>
<body>
  
    <div id="calendar"></div>
  
    <div id="instatiateAnythingInThisDiv">
      <input id="autoComplete" data-role="autocomplete" data-source="['Ant', 'Antilope', 'Badger', 'Beaver', 'Bird']" placeholder="start typing e.g. 'a'" />
    </div>
  
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script src="http://cdn.kendostatic.com/2015.1.318/js/kendo.all.min.js"></script>
  
    <script>
        //create calendar and auto complete widgets
        kendo.bind($('#instatiateAnythingInThisDiv')); //from markup
        var $cal = $('#calendar').kendoCalendar(); //using jQuery method
      
        //get instance/reference to calendar widget 
        //using jQuery method .getKendoNameOfWidget() or .data('kendoNameOfWidget')
        var calInstance = $cal.getKendoCalendar(); 
      
        //get instance/reference to auto complete widget
        var autoCompleteInstance = kendo.widgetInstance($('#autoComplete'));
    </script>
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
codylindleypro
0viewers