Default Single-Select Implementation

The default Calendar implementation is a single-select 1-up calendar view that defaults to the current month and year. The basic calendar can be implemented by declaring a variable to represent the calendar, and passing the calendar's ID to the Calendar constructor:

var cal1; function init() { cal1 = new YAHOO.widget.Calendar("cal1", "cal1Container"); cal1.render(); }

The Calendar object should be instantiated after the body has been rendered, so that a reference to the container element that will contain the calendar can be obtained. The container element can reside anywhere within the body.

<div id="cal1Container"></div>