Maplat

 view release on metacpan or  search on metacpan

lib/Maplat/Web/Static/jquery/development-bundle/docs/datepicker.html  view on Meta::CPAN

    </dl>
  </div>
</li>


<li class="option" id="option-autoSize">
  <div class="option-header">
    <h3 class="option-name"><a href="#option-autoSize">autoSize</a></h3>
    <dl>
      <dt class="option-type-label">Type:</dt>
        <dd class="option-type">Boolean</dd>
      
      <dt class="option-default-label">Default:</dt>
        <dd class="option-default">false</dd>
      
    </dl>
  </div>
  <div class="option-description">
    <p>Set to true to automatically resize the input field to accomodate dates in the current <code><a href="http://docs.jquery.com/UI/Datepicker#option-dateFormat" title="UI/Datepicker">dateFormat</a></code>.</p>
  </div>
  <div class="option-examples">
    <h4>Code examples</h4>
    <dl class="option-examples-list">
    
<dt>
  Initialize a datepicker with the <code>autoSize</code> option specified.
</dt>
<dd>
<pre><code>$( ".selector" ).datepicker({ autoSize: true });</code></pre>
</dd>

    
<dt>
  Get or set the <code>autoSize</code> option, after init.
</dt>
<dd>
<pre><code>//getter
var autoSize = $( ".selector" ).datepicker( "option", "autoSize" );
//setter
$( ".selector" ).datepicker( "option", "autoSize", true );</code></pre>
</dd>

    </dl>
  </div>
</li>


<li class="option" id="option-buttonImage">
  <div class="option-header">
    <h3 class="option-name"><a href="#option-buttonImage">buttonImage</a></h3>
    <dl>
      <dt class="option-type-label">Type:</dt>
        <dd class="option-type">String</dd>
      
      <dt class="option-default-label">Default:</dt>
        <dd class="option-default">''</dd>
      
    </dl>
  </div>
  <div class="option-description">
    <p>The URL for the popup button image. If set, <code><a href="http://docs.jquery.com/UI/Datepicker#option-buttonText" title="UI/Datepicker">buttonText</a></code> becomes the <i>alt</i> value and is not directly displayed.</p>
  </div>
  <div class="option-examples">
    <h4>Code examples</h4>
    <dl class="option-examples-list">
    
<dt>
  Initialize a datepicker with the <code>buttonImage</code> option specified.
</dt>
<dd>
<pre><code>$( ".selector" ).datepicker({ buttonImage: '/images/datepicker.gif' });</code></pre>
</dd>

    
<dt>
  Get or set the <code>buttonImage</code> option, after init.
</dt>
<dd>
<pre><code>//getter
var buttonImage = $( ".selector" ).datepicker( "option", "buttonImage" );
//setter
$( ".selector" ).datepicker( "option", "buttonImage", '/images/datepicker.gif' );</code></pre>
</dd>

    </dl>
  </div>
</li>


<li class="option" id="option-buttonImageOnly">
  <div class="option-header">
    <h3 class="option-name"><a href="#option-buttonImageOnly">buttonImageOnly</a></h3>
    <dl>
      <dt class="option-type-label">Type:</dt>
        <dd class="option-type">Boolean</dd>
      
      <dt class="option-default-label">Default:</dt>
        <dd class="option-default">false</dd>
      
    </dl>
  </div>
  <div class="option-description">
    <p>Set to true to place an image after the field to use as the trigger without it appearing on a button.</p>
  </div>
  <div class="option-examples">
    <h4>Code examples</h4>
    <dl class="option-examples-list">
    
<dt>
  Initialize a datepicker with the <code>buttonImageOnly</code> option specified.
</dt>
<dd>
<pre><code>$( ".selector" ).datepicker({ buttonImageOnly: true });</code></pre>
</dd>

    
<dt>
  Get or set the <code>buttonImageOnly</code> option, after init.
</dt>
<dd>
<pre><code>//getter

lib/Maplat/Web/Static/jquery/development-bundle/docs/datepicker.html  view on Meta::CPAN

    </dl>
  </div>
</li>


<li class="option" id="option-dateFormat">
  <div class="option-header">
    <h3 class="option-name"><a href="#option-dateFormat">dateFormat</a></h3>
    <dl>
      <dt class="option-type-label">Type:</dt>
        <dd class="option-type">String</dd>
      
      <dt class="option-default-label">Default:</dt>
        <dd class="option-default">'mm/dd/yy'</dd>
      
    </dl>
  </div>
  <div class="option-description">
    <p>The format for parsed and displayed dates. This attribute is one of the regionalisation attributes. For a full list of the possible formats see the <code><a href="http://docs.jquery.com/UI/Datepicker/formatDate" title="UI/Datepicker/formatDate...
  </div>
  <div class="option-examples">
    <h4>Code examples</h4>
    <dl class="option-examples-list">
    
<dt>
  Initialize a datepicker with the <code>dateFormat</code> option specified.
</dt>
<dd>
<pre><code>$( ".selector" ).datepicker({ dateFormat: 'yy-mm-dd' });</code></pre>
</dd>

    
<dt>
  Get or set the <code>dateFormat</code> option, after init.
</dt>
<dd>
<pre><code>//getter
var dateFormat = $( ".selector" ).datepicker( "option", "dateFormat" );
//setter
$( ".selector" ).datepicker( "option", "dateFormat", 'yy-mm-dd' );</code></pre>
</dd>

    </dl>
  </div>
</li>


<li class="option" id="option-dayNames">
  <div class="option-header">
    <h3 class="option-name"><a href="#option-dayNames">dayNames</a></h3>
    <dl>
      <dt class="option-type-label">Type:</dt>
        <dd class="option-type">Array</dd>
      
      <dt class="option-default-label">Default:</dt>
        <dd class="option-default">['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']</dd>
      
    </dl>
  </div>
  <div class="option-description">
    <p>The list of long day names, starting from Sunday, for use as requested via the <code><a href="http://docs.jquery.com/UI/Datepicker#option-dateFormat" title="UI/Datepicker">dateFormat</a></code> setting. They also appear as popup hints when hov...
  </div>
  <div class="option-examples">
    <h4>Code examples</h4>
    <dl class="option-examples-list">
    
<dt>
  Initialize a datepicker with the <code>dayNames</code> option specified.
</dt>
<dd>
<pre><code>$( ".selector" ).datepicker({ dayNames: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'] });</code></pre>
</dd>

    
<dt>
  Get or set the <code>dayNames</code> option, after init.
</dt>
<dd>
<pre><code>//getter
var dayNames = $( ".selector" ).datepicker( "option", "dayNames" );
//setter
$( ".selector" ).datepicker( "option", "dayNames", ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'] );</code></pre>
</dd>

    </dl>
  </div>
</li>


<li class="option" id="option-dayNamesMin">
  <div class="option-header">
    <h3 class="option-name"><a href="#option-dayNamesMin">dayNamesMin</a></h3>
    <dl>
      <dt class="option-type-label">Type:</dt>
        <dd class="option-type">Array</dd>
      
      <dt class="option-default-label">Default:</dt>
        <dd class="option-default">['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']</dd>
      
    </dl>
  </div>
  <div class="option-description">
    <p>The list of minimised day names, starting from Sunday, for use as column headers within the datepicker. This attribute is one of the regionalisation attributes.</p>
  </div>
  <div class="option-examples">
    <h4>Code examples</h4>
    <dl class="option-examples-list">
    
<dt>
  Initialize a datepicker with the <code>dayNamesMin</code> option specified.
</dt>
<dd>
<pre><code>$( ".selector" ).datepicker({ dayNamesMin: ['Di', 'Lu', 'Ma', 'Me', 'Je', 'Ve', 'Sa'] });</code></pre>
</dd>

    
<dt>
  Get or set the <code>dayNamesMin</code> option, after init.
</dt>
<dd>
<pre><code>//getter

lib/Maplat/Web/Static/jquery/development-bundle/docs/datepicker.html  view on Meta::CPAN

    
<dt>
  Get or set the <code>yearSuffix</code> option, after init.
</dt>
<dd>
<pre><code>//getter
var yearSuffix = $( ".selector" ).datepicker( "option", "yearSuffix" );
//setter
$( ".selector" ).datepicker( "option", "yearSuffix", 'CE' );</code></pre>
</dd>

    </dl>
  </div>
</li>

    </ul>
  </div>
  <div id="events">
    <h2 class="top-header">Events</h2>
    <ul class="events-list">
      
<li class="event" id="event-beforeShow">
  <div class="event-header">
    <h3 class="event-name"><a href="#event-beforeShow">beforeShow</a></h3>
    <dl>
      <dt class="event-type-label"></dt>
        <dd class="event-type">function(input, inst)</dd>
    </dl>
  </div>
  <div class="event-description">
    <p>Can be a function that takes an input field and current datepicker instance and returns an options object to update the datepicker with. It is called just before the datepicker is displayed.</p>
  </div>
  <div class="event-examples">
    <h4>Code examples</h4>
    <dl class="event-examples-list">
    
<dt>
  Supply a callback function to handle the <code>beforeShow</code> event as an init option.
</dt>
<dd>
<pre><code>$('.selector').datepicker({
   beforeShow: function(input, inst) { ... }
});</code></pre>
</dd>

    </dl>
  </div>
</li>


<li class="event" id="event-beforeShowDay">
  <div class="event-header">
    <h3 class="event-name"><a href="#event-beforeShowDay">beforeShowDay</a></h3>
    <dl>
      <dt class="event-type-label"></dt>
        <dd class="event-type">function(date)</dd>
    </dl>
  </div>
  <div class="event-description">
    <p>The function takes a date as a parameter and must return an array with [0] equal to true/false indicating whether or not this date is selectable, [1] equal to a CSS class name(s) or '' for the default presentation, and [2] an optional popup to...
  </div>
  <div class="event-examples">
    <h4>Code examples</h4>
    <dl class="event-examples-list">
    
<dt>
  Supply a callback function to handle the <code>beforeShowDay</code> event as an init option.
</dt>
<dd>
<pre><code>$('.selector').datepicker({
   beforeShowDay: function(date) { ... }
});</code></pre>
</dd>

    </dl>
  </div>
</li>


<li class="event" id="event-onChangeMonthYear">
  <div class="event-header">
    <h3 class="event-name"><a href="#event-onChangeMonthYear">onChangeMonthYear</a></h3>
    <dl>
      <dt class="event-type-label"></dt>
        <dd class="event-type">function(year, month, inst)</dd>
    </dl>
  </div>
  <div class="event-description">
    <p>Allows you to define your own event when the datepicker moves to a new month and/or year. The function receives the selected year, month (1-12), and the datepicker instance as parameters. <code>this</code> refers to the associated input field....
  </div>
  <div class="event-examples">
    <h4>Code examples</h4>
    <dl class="event-examples-list">
    
<dt>
  Supply a callback function to handle the <code>onChangeMonthYear</code> event as an init option.
</dt>
<dd>
<pre><code>$('.selector').datepicker({
   onChangeMonthYear: function(year, month, inst) { ... }
});</code></pre>
</dd>

    </dl>
  </div>
</li>


<li class="event" id="event-onClose">
  <div class="event-header">
    <h3 class="event-name"><a href="#event-onClose">onClose</a></h3>
    <dl>
      <dt class="event-type-label"></dt>
        <dd class="event-type">function(dateText, inst)</dd>
    </dl>
  </div>
  <div class="event-description">
    <p>Allows you to define your own event when the datepicker is closed, whether or not a date is selected. The function receives the selected date as text ('' if none) and the datepicker instance as parameters. <code>this</code> refers to the assoc...
  </div>
  <div class="event-examples">