PHPXRef 0.7 : Drupal 6 (yi-drupal) : /sites/all/libraries/jquery.ui/tests/visual/datepicker/datepicker.html source

[Summary view] [Print] [Text view]
   1  <!doctype html>
   2  <html lang="en">
   3  <head>
   4      <title>Simple Datepicker</title>
   5      <link rel="stylesheet" href="../all.css" type="text/css">
   6      <link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
   7      <script type="text/javascript" src="../../../jquery-1.3.2.js"></script>
   8      <script type="text/javascript" src="../../../ui/ui.core.js"></script>
   9      <script type="text/javascript" src="../../../ui/ui.datepicker.js"></script>
  10      <script type="text/javascript">
  11      $(function() {
  12          // simple datepicker

  13          $('#d1').datepicker();
  14          $('button.disable-d1').click(function(event){
  15              $('#d1').datepicker('disable');
  16              event.preventDefault();
  17          });
  18          $('button.enable-d1').click(function(event){
  19              $('#d1').datepicker('enable');
  20              event.preventDefault();
  21          });
  22          $('button.destroy-d1').click(function(event){
  23              $('#d1').datepicker('destroy');
  24              event.preventDefault();
  25          });
  26          
  27          // multi datepicker

  28          $('#d2').datepicker({numberOfMonths: 3, showButtonPanel: true});
  29          $('button.disable-d2').click(function(event){
  30              $('#d2').datepicker('disable');
  31              event.preventDefault();
  32          });
  33          $('button.enable-d2').click(function(event){
  34              $('#d2').datepicker('enable');
  35              event.preventDefault();
  36          });
  37          $('button.destroy-d2').click(function(event){
  38              $('#d2').datepicker('destroy');
  39              event.preventDefault();
  40          });
  41          
  42          // inline datepicker

  43          $('#inl').datepicker({minDate: -20, maxDate: '+1M +10D'});
  44          $('button.disable-inl').click(function(event){
  45              $('#inl').datepicker('disable');
  46              event.preventDefault();
  47          });
  48          $('button.enable-inl').click(function(event){
  49              $('#inl').datepicker('enable');
  50              event.preventDefault();
  51          });
  52          $('button.destroy-inl').click(function(event){
  53              $('#inl').datepicker('destroy');
  54              event.preventDefault();
  55          });
  56          
  57          // disabled input datepicker

  58          $('#d3').datepicker();        
  59  
  60          // bottom-right datepicker

  61          $('#d4').datepicker({numberOfMonths: 3});        
  62      });
  63      </script>
  64  </head>
  65  <body>
  66  
  67  <ul class="plugins">
  68      <li class="plugin">
  69          <button class="disable-d1">Disable</button>
  70          <button class="enable-d1">Enable</button>
  71          <button class="destroy-d1">Destroy</button>
  72  
  73          Datepicker Simple
  74          <div>
  75              <input type="text" id="d1" />
  76          </div>
  77      </li>
  78      <li class="plugin">
  79          <button class="disable-d2">Disable</button>
  80          <button class="enable-d2">Enable</button>
  81          <button class="destroy-d2">Destroy</button>
  82  
  83          Datepicker Multi
  84          <div>
  85              <input type="text" id="d2" />
  86          </div>
  87      </li>
  88      <li class="plugin">
  89          <button class="disable-inl">Disable</button>
  90          <button class="enable-inl">Enable</button>
  91          <button class="destroy-inl">Destroy</button>
  92  
  93          Datepicker Inline
  94          <div id="inl"></div>
  95      </li>
  96      <li class="plugin">
  97          Datepicker disabled input
  98          <div>
  99              <input type="text" id="d3" disabled="disabled" />
 100          </div>
 101      </li>
 102      <li class="plugin" style="position: absolute; right: 0; bottom: 0; height: 40px">
 103          Datepicker - positioned bottom-right
 104          <div>
 105              <input type="text" id="d4">
 106          </div>
 107      </li>    
 108  </ul>
 109  
 110  </body>
 111  </html>
PHP Cross Reference of Drupal 6 (yi-drupal)

/sites/all/libraries/jquery.ui/tests/visual/datepicker/ -> datepicker.html (source)
