YUI Library JavaScript DHTML

  1. Home
  2. JavaScript DHTML
  3. YUI Library
  4. Multi-Select Calendar




    
Multi-Select Calendar

/*margin and padding on body element
  can introduce errors in determining
  element position and are not recommended;
  we turn them off as a foundation for YUI
  CSS treatments. */
body {
  margin:0;
  padding:0;
}








Multi-Select Calendar



  

By default the Calendar control is setup for single-select mode, allowing only a single date to be selected at a time. This example shows how you can easily configure the Calendar to support multiple date selections.


      




  YAHOO.namespace("example.calendar");
  YAHOO.example.calendar.init = function() {
    YAHOO.example.calendar.cal1 =
      new YAHOO.widget.Calendar("cal1","cal1Container", { MULTI_SELECT: true } );
    YAHOO.example.calendar.cal1.render();
  }
  YAHOO.util.Event.onDOMReady(YAHOO.example.calendar.init);






   
  
yui_2.7.0b.zip( 4,431 k)