Calendar-Control--MixMax-Implementation

GUI Components JavaScript DHTML


            


  Yahoo! Calendar Control - Mix/Max Implementation
  
  
  
  
  
  
  
  
  
  
  
    
  
    YAHOO.namespace("example.calendar");
    function init() {
      YAHOO.example.calendar.cal1 = new YAHOO.widget.Calendar("YAHOO.example.calendar.cal1","cal1Container");
      YAHOO.example.calendar.cal1.minDate = YAHOO.widget.DateMath.add(new Date(), YAHOO.widget.DateMath.DAY, 1);
      YAHOO.example.calendar.cal1.render();
    }
  


  
    Calendar Control


  
    Future-Only Single-Select Implementation

    To construct a calendar where the user can only select future dates, the code would read 
    as follows:


var cal1;
function init() {
   cal1 = new YAHOO.widget.Calendar("cal1", "cal1Container");
   cal1.minDate = YAHOO.widget.DateMath.add(new Date(), YAHOO.widget.DateMath.DAY, 1);
   cal1.render();
}

    Notice that we're setting the minimum date to tomorrow's date by adding one day to a 
    newly instantiated date (using the DateMath helper class) and setting it into the calendar's 
    minDate property. cal1.maxDate remains null since there is no restriction on how far into 
    the future the user can make selections.