PHPXRef 0.7.1 : vtigercrm-6.1.0 : /libraries/jquery/jquery-ui/third-party/jQuery-UI-Date-Range-Picker/index.html source

[Summary view] [Print] [Text view]
   1  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   2  <html>
   3      <head>
   4          <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   5          <title>Themeroller-Ready jQuery UI Range Picker</title>
   6          <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/themes/redmond/jquery-ui.css" type="text/css" />
   7          <link rel="stylesheet" href="css/ui.daterangepicker.css" type="text/css" />
   8          
   9          <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  10          <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js"></script>
  11          <script type="text/javascript" src="js/date.js"></script>
  12          <script type="text/javascript" src="js/daterangepicker.jQuery.js"></script>
  13          <script type="text/javascript">    
  14              $(function(){
  15                    $('#rangeA').daterangepicker(); 
  16                    $('#rangeBa, #rangeBb').daterangepicker(); 
  17                    $('#rangeC').daterangepicker({arrows: true}); 
  18                    $('#rangeD').daterangepicker(); 
  19                    $('#rangeE').daterangepicker({constrainDates: true}); 
  20               });
  21          </script>
  22          
  23          <!-- from here down, demo-related styles and scripts -->
  24          <!-- from here down, demo-related styles and scripts -->
  25          <link rel="shortcut icon" href="/images/favicon2.ico" type="image/x-icon" />
  26          <link href="/style/demoPages" media="screen" rel="Stylesheet" type="text/css" />
  27  
  28          <style type="text/css">
  29              body { font-size: 62.5%; }
  30              input {width: 196px; height: 1.1em; display:block;}
  31              h2 { clear: both; padding: 2em 0 0; }
  32              #rangeBa,#rangeBb { float: left; margin-right: 10px; }
  33          </style>
  34      </head>
  35      <body>
  36  
  37  <h2>Default Rangepicker</h2>    
  38  <div>
  39          <input type="text" value="4/23/99" id="rangeA" />            
  40  </div>
  41  
  42  <h2>2 inputs Rangepicker</h2>    
  43  <div>
  44          <input type="text" value="4/23/99" id="rangeBa" />    
  45          <input type="text" value="4/23/99" id="rangeBb" />            
  46  </div>
  47      
  48  <h2>Rangepicker with arrows</h2>    
  49  <div>
  50          <input type="text" value="4/23/99" id="rangeC" />            
  51  </div>
  52  
  53  <h2>Rangepicker opening to the right</h2>
  54  <div style="float: right;">
  55          <input type="text" value="4/23/99" id="rangeD" />            
  56  </div>
  57  
  58  <h2>Rangepicker with contraints</h2>
  59  <div>
  60          <input type="text" value="4/23/99" id="rangeE" />            
  61  </div>
  62  
  63  
  64  </html>
  65  
  66
PHP Cross Reference of vtigercrm-6.1.0

/libraries/jquery/jquery-ui/third-party/jQuery-UI-Date-Range-Picker/ -> index.html (source)
