Calendar Control in ASP.NET

-

M.Sarulatha
Assistant Professor
Dept. of CA., JJC.

The calendar control is a functionally rich web control, which provides the following capabilities:

  • Displaying one month at a time
  • Selecting a day, a week or a month
  • Selecting a range of days
  • Moving from month to month
  • Controlling the display of the days programmatically

The basic syntax of a calendar control is:

<asp:Calender ID = "Calendar1" runat = "server">

</asp:Calender>

Properties and Events of the Calendar Control

         The calendar control has many properties and events, using which you can customize the actions and display of the control. The following table provides some important properties of the Calendar control:

Properties

Description

Caption

Gets or sets the caption for the calendar control.

CaptionAlign

Gets or sets the alignment for the caption.

CellPadding

Gets or sets the number of spaces between the data and the cell border.

CellSpacing

Gets or sets the space between cells.

DayHeaderStyle

Gets the style properties for the section that displays the day of the week.

DayNameFormat

Gets or sets format of days of the week.

DayStyle

Gets the style properties for the days in the displayed month.

FirstDayOfWeek

Gets or sets the day of week to display in the first column.

NextMonthText

Gets or sets the text for next month navigation control. The default value is >.

NextPrevFormat

Gets or sets the format of the next and previous month navigation control.

OtherMonthDayStyle

Gets the style properties for the days on the Calendar control that are not in the displayed month.

PrevMonthText

Gets or sets the text for previous month navigation control. The default value is <.

SelectedDate

Gets or sets the selected date.

SelectedDates

Gets a collection of DateTime objects representing the selected dates.

SelectedDayStyle

Gets the style properties for the selected dates.

SelectionMode

Gets or sets the selection mode that specifies whether the user can select a single day, a week or an entire month.

SelectMonthText

Gets or sets the text for the month selection element in the selector column.

SelectorStyle

Gets the style properties for the week and month selector column.

SelectWeekText

Gets or sets the text displayed for the week selection element in the selector column.

ShowDayHeader

Gets or sets the value indicating whether the heading for the days of the week is displayed.

ShowGridLines

Gets or sets the value indicating whether the gridlines would be shown.

ShowNextPrevMonth

Gets or sets a value indicating whether next and previous month navigation elements are shown in the title section.

ShowTitle

Gets or sets a value indicating whether the title section is displayed.

TitleFormat

Gets or sets the format for the title section.

Titlestyle

Get the style properties of the title heading for the Calendar control.

TodayDayStyle

Gets the style properties for today's date on the Calendar control.

TodaysDate

Gets or sets the value for today's date.

UseAccessibleHeader

Gets or sets a value that indicates whether to render the table header <th> HTML element for the day headers instead of the table data <td> HTML element.

VisibleDate

Gets or sets the date that specifies the month to display.

WeekendDayStyle

Gets the style properties for the weekend dates on the Calendar control.

The Calendar control has the following three most important events that allow the developers to program the calendar control. They are:

Events

Description

SelectionChanged

It is raised when a day, a week or an entire month is selected.

DayRender

It is raised when each data cell of the calendar control is rendered.

VisibleMonthChanged

It is raised when user changes a month.

Working with the Calendar Control

Putting a bare-bone calendar control without any code behind file provides a workable calendar to a site, which shows the months and days of the year. It also allows navigation to next and previous months.



Calendar controls allow the users to select a single day, a week, or an entire month. This is done by using the SelectionMode property. This property has the following values:

Properties

Description

Day

To select a single day.

DayWeek

To select a single day or an entire week.

DayWeekMonth

To select a single day, a week, or an entire month.

None

Nothing can be selected.

Syntax for selecting days:

<asp:Calender ID = "Calendar1" runat = "server" SelectionMode="DayWeekMonth">

</asp:Calender>

         When the selection mode is set to the value DayWeekMonth, an extra column with the > symbol appears for selecting the week, and a >> symbol appears to the left of the days name for selecting the month.



Example

The following example demonstrates selecting a date and displays the date in a label:

The event handler for the event SelectionChanged:

protected void Calendar1_SelectionChanged(object sender, EventArgs e)

{

   lblday.Text = Calendar1.TodaysDate.ToShortDateString();

   lblbday.Text = Calendar1.SelectedDate.ToShortDateString();

}

  

Comments

Post a Comment

Popular posts from this blog

Operating System Structure

-
Image
M.Sarulatha Monolithic System  or Simple System: A monolithic system structure refers to a software architecture where all components are tightly integrated into a single, self-contained unit. This means that the entire system is built as a single executable file, with all functionality and data stored within it. Characteristics of Monolithic Systems: 1. Tight Coupling: Components are heavily interconnected and interdependent. 2. Single Executable: The entire system is built into a single executable file. 3. Centralized Data: Data is stored within the single executable or in a centralized database. 4. No External Dependencies: The system does not rely on external services or components. Advantages of Monolithic Systems: 1. Simple to Develop: Easier to build and test, as everything is self-contained. 2. Fast Deployment: Quicker to deploy, as only a single executable needs to be deployed. 3. Easy Maintenance: Simpler to maintain, as all components are within a single codebase. Disa...
Read more

Asymptotic Notations

-
Image
Asymptotic Notations: Asymptotic Notations are mathematical tools used to analyze the performance of algorithms by understanding how their efficiency changes as the input size grows. These notations provide a concise way to express the behavior of an algorithm’s time or space complexity as the input size approaches infinity. Rather than comparing algorithms directly, asymptotic analysis focuses on understanding the relative growth rates of algorithms’ complexities. It enables comparisons of algorithms’ efficiency by abstracting away machine-specific constants and implementation details, focusing instead on fundamental trends. Asymptotic analysis allows for the comparison of algorithms’ space and time complexities by examining their performance characteristics as the input size varies. By using asymptotic notations, such as Big O, Big Omega, and Big Theta, we can categorize algorithms based on their worst-case, best-case, or average-case time or space complexities, providing valuable in...
Read more

ASP.NET Events Handling

-
Image
  ASP.NET  Events Handling M.SARULATHA Assistant Professor Dept. of CA,JJC.           ASP.NET provides important feature event handling to Web Forms. It let us to implement event-based model for our application. As a simple example, we can add a button to an ASP.NET Web Forms page and then write an event handler for the button's click event. ASP.NET Web Forms allows events on both client and server sides.           In ASP.NET Web Forms pages, however, events associated with server controls originate on the client but are handled on the Web server by the ASP.NET.           ASP.NET Web Forms follow a standard .NET Framework pattern for event-handler methods. All events pass two arguments: an object representing the object that raised the event, and an event object containing any event-specific information. Example: Creating Event Hand...
Read more