Table of Contents
  • Getting Started
  • EO.Pdf
  • EO.Web
    • Overview
    • Installation & Deployement
    • EO.Web ToolTip
    • EO.Web Rating
    • EO.Web Slider & RangeSlider
    • EO.Web ListBox
    • EO.Web ComboBox
    • EO.Web Captcha
    • EO.Web ASPX To PDF
    • EO.Web Slide
    • EO.Web Flyout
    • EO.Web EditableLabel
    • EO.Web ImageZoom
    • EO.Web Floater
    • EO.Web Downloader
    • EO.Web ColorPicker
    • EO.Web HTML Editor
    • EO.Web File Explorer
    • EO.Web SpellChecker
    • EO.Web Grid
    • EO.Web MaskedEdit
    • EO.Web Splitter
    • EO.Web Menu
    • EO.Web Slide Menu
    • EO.Web TabStrip
    • EO.Web TreeView
    • EO.Web Calendar
    • EO.Web Callback
    • EO.Web MultiPage
    • EO.Web Dialog
    • EO.Web AJAXUploader
    • EO.Web ProgressBar - Free!
    • EO.Web ToolBar - Free!
  • EO.WebBrowser
  • EO.Wpf
  • Common Topics
  • Reference
Using Calendar Controls


EO.Web Calendar controls include the following:

  • Calendar - renders a static calendar on page;
  • PopupCalendar - triggers by client side script;
  • DatePicker - uses to select one or more days from a calendar.
Here's the class hierarchy of the above Calendar controls:



Note: Since Calendar control is the base class for PopupCalendar and DatePicker, this section applies to all Calendar controls.

Calendar control can be configured to render as a single-month and multiple-months:
Single Month:

Multiple Months:

Simply specify the control's MonthRows and MonthColumns property.

See Calendar Style topic on how to customize Calendar's appearance.


PopupCalendar is triggered by client side script to show up on browser:
eo_ShowPopupCalendar(calendarID, anchorIDorObject);

The first parameter is the ID of the PopupCalendar, the second parameter is the ID or the HTML object on which position the calendar will show up.


DatePicker integrates a PopupCalendar, TextBox and a Button:

The control is commonly used to select one or multiple days.

Once the day(s) are selected, the result will be displayed in TextBox and can be retrieve by Calendar's SelectedDates property.