GUI Components JavaScript DHTML




  Yahoo! Calendar Control - Handling onSelect / onDeselect
  
  
  
  
  
  
  
    
  
  
    
  
  
    YAHOO.namespace("example.calendar");
    function init() {
      YAHOO.example.calendar.cal1 = new YAHOO.widget.Calendar("YAHOO.example.calendar.cal1", "cal1Container");
      YAHOO.example.calendar.cal1.Options.MULTI_SELECT = true;
      YAHOO.example.calendar.cal1.onSelect = function(selected) {
        alert("selected: " + selected);
      }
      YAHOO.example.calendar.cal1.onDeselect = function(deselected) {
        alert("deselected: " + deselected);
      }
      YAHOO.example.calendar.cal1.render();
    }
  
  


  
    

Calendar Control


  

  
    

Handling onSelect / onDeselect


    

Dates are passed as an array of date field arrays, in the format: [YYYY, M, D]. For instance, if two dates are selected at once (8/6/2006 and 8/7/2006), the argument passed to onSelect would be: [ [2006,8,6], [2006,8,7] ].



function init() {
  cal1 = new YAHOO.widget.Calendar("cal1", "cal1Container");
  cal1.Options.MULTI_SELECT = true;
  cal1.onSelect = function(selected) {
    alert("selected: " + selected);
  }
  cal1.onDeselect = function(deselected) {
    alert("deselected: " + deselected);
  }
  cal1.render();
}


  
    
      

    
    
      reset|
      what's selected?
    
  

 
dp.SyntaxHighlighter.HighlightAll('code'); 



           
           
         
  
yui.zip( 3,714 k)