Calendar
Calendar Example
Select a date on the Calendar control.
|
|||||||||
| 週日 | 週一 | 週二 | 週三 | 週四 | 週五 | 週六 | |||
|---|---|---|---|---|---|---|---|---|---|
| 31 | 1 | 2 | 3 | 4 | 5 | 6 | |||
| 7 | 8 | 9 | 10 | 11 | 12 | 13 | |||
| 14 | 15 | 16 | 17 | 18 | 19 | 20 | |||
| 21 | 22 | 23 | 24 | 25 | 26 | 27 | |||
| 28 | 29 | 30 | 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 | |||
@inherits ControlComponent
<p>Select a date on the Calendar control.</p>
<asp.Calendar @ref="this.calendar" SelectionMode="CalendarSelectionMode.Day"
OnSelectionChanged="this.Selection_Change">
<OtherMonthDayStyle ForeColor="LightGray">
</OtherMonthDayStyle>
<TitleStyle BackColor="Blue" ForeColor="White">
</TitleStyle>
<DayStyle BackColor="Gray">
</DayStyle>
<SelectedDayStyle BackColor="LightGray" FontBold="true">
</SelectedDayStyle>
<TodayDayStyle BackColor="#CCCCCC"></TodayDayStyle>
<NextPrevStyle ForeColor="White"></NextPrevStyle>
</asp.Calendar>
<br />
<asp.Label @ref="this.label" />
@code {
private Calendar calendar;
private Label label;
protected void Selection_Change(object sender, EventArgs e)
{
label.Text = "The selected date is " + calendar.SelectedDate.ToShortDateString();
}
}
Calendar Metadata
| Name | Type | Kind | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| AccessKey | String | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| AllowTitleSelecting | Boolean | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Attributes | IReadOnlyDictionary | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| BackColor | String | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| BorderColor | String | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| BorderStyle | BorderStyle | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| BorderWidth | String | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Caption | String | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| CaptionAlign | TableCaptionAlign | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| CellPadding | Int32 | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| CellSpacing | Int32 | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ClientIDMode | ClientIDMode | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| CssClass | String | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| DayNameFormat | DayNameFormat | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Enabled | Boolean | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| FirstDayOfWeek | FirstDayOfWeek | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| FontBold | Boolean | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| FontItalic | Boolean | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| FontNames | String | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| FontOverline | Boolean | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| FontSize | String | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| FontStrikeout | Boolean | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| FontUnderline | Boolean | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ForeColor | String | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Height | String | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ID | String | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| NextMonthText | String | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| NextPrevFormat | NextPrevFormat | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| PrevMonthText | String | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| SelectedDate | DateTime | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| SelectionMode | CalendarSelectionMode | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| SelectMonthText | String | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| SelectWeekText | String | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ShowDayHeader | Boolean | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ShowGridLines | Boolean | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ShowNextPrevMonth | Boolean | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ShowTitle | Boolean | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Style | String | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| TabIndex | Int16 | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| TitleFormat | TitleFormat | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ToolTip | String | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| UseAccessibleHeader | Boolean | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Visible | Boolean | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| VisibleDate | DateTime | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Width | String | Parameter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| OnDataBinding | EventHandler | Event | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| OnDayRender | DayRenderEventHandler | Event | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| OnDisposed | EventHandler | Event | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| OnInit | EventHandler | Event | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| OnLoad | EventHandler | Event | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| OnPreRender | EventHandler | Event | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| OnSelectionChanged | EventHandler | Event | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| OnUnload | EventHandler | Event | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| OnVisibleMonthChanged | MonthChangedEventHandler | Event | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| DayHeaderStyle | DayHeaderStyle | InnerProperty | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| DayStyle | DayStyle | InnerProperty | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| NextPrevStyle | NextPrevStyle | InnerProperty | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| OtherMonthDayStyle | OtherMonthDayStyle | InnerProperty | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| SelectedDayStyle | SelectedDayStyle | InnerProperty | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| SelectorStyle | SelectorStyle | InnerProperty | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| TitleStyle | TitleStyle | InnerProperty | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| TodayDayStyle | TodayDayStyle | InnerProperty | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| WeekendDayStyle | WeekendDayStyle | InnerProperty | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||