| 
     
<!-- 
  jQuery UI Effects Blind 1.7.2 
  
  Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) 
  Dual licensed under the MIT (MIT-LICENSE.txt) 
  and GPL (GPL-LICENSE.txt) licenses. 
  
  http://docs.jquery.com/UI/Effects/Blind 
  
--> 
<!doctype html> 
<html lang="en"> 
<head> 
  <title>jQuery UI Datepicker - Display month & year menus</title> 
  <link type="text/css" href="js/themes/base/ui.all.css" rel="stylesheet" /> 
  <script type="text/javascript" src="js/jquery-1.3.2.js"></script> 
  <script type="text/javascript" src="js/ui/ui.core.js"></script> 
  <script type="text/javascript" src="js/ui/ui.datepicker.js"></script> 
  <link type="text/css" href="js/demos.css" rel="stylesheet" /> 
  <script type="text/javascript"> 
  $(function() { 
    $('#datepicker').datepicker({ 
      changeMonth: true, 
      changeYear: true 
    }); 
  }); 
  </script> 
</head> 
<body> 
 
<div class="demo"> 
 
<p>Date: <input type="text" id="datepicker"></p> 
 
</div><!-- End demo --> 
 
<div class="demo-description"> 
 
<p>Show month and year dropdowns in place of the static month/year header to facilitate navigation through large timeframes.  Add the boolean <code>changeMonth</code> and <code>changeYear</code> options.</p> 
 
</div><!-- End demo-description --> 
 
</body> 
</html> 
    
    |