NlsCalendar Professional
addobject.com
Basic Calendar Control
NlsCalendar Professional - Advanced Calendar Control
   

This example shows default configuration of NlsCalendar.

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

Start date:
End date:

  • 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')">