This example shows default configuration of NlsCalendar.

Click on the "Pick" button to pop up the calendar.

• The example above returns date with format month/date/year.
• Time selector is disabled.
• The calendar mode is floating (0) which is the default mode.
• You can move the calendar by click and drag the calendar's title section.
• This example use only one instance for 2 (can be more) date fields.

Example code:

  //creates the calendar.
  <script>
    var cal=new AOCalendar("cal1");
    cal.opt.themeDir="../themes/default/";
    cal.render();
  </script>

  <input type="text" id="dtStart" class="textbox" value="">
  <input type="button" value="Pick" class="button" onclick="cal.show('SE', this, 'dtStart')">

  <input type="text" id="dtEnd" class="textbox" value="">
  <input type="button" value="Pick" class="button" onclick="cal.show('SE', this, 'dtEnd')">