Calendar 類別

提供顯示日曆的控制項功能。

public class System.Web.UI.MobileControls.Calendar :
   System.Web.UI.MobileControls.MobileControl,
   System.Web.UI.IPostBackEventHandler

備註

日曆依日期、週或月份顯示。是否在行動裝置上呈現整個月份根據裝置功能而定。一般而言，Calendar 控制項准許選擇日期。

Calendar 行動控制項包裝 Web Form Calendar 控制項。雖然 Calendar 行動控制項模擬基礎控制項的某些屬性、方法和事件，但是不會公開 HTML 呈現特定的其他屬性。若要修改這些設定，您可透過 WebCalendar 屬性來存取基礎控制項，並且直接修改設定。

範例

下列的程式碼範例顯示頁面載入程式碼區塊中的 SelectionMode 屬性如何讓使用者可選取時間的日、週或月份區塊。此範例設定 Calendar 類別的 BorderStyle 和 Backcolor 屬性以區別使用者選擇項目。

<%@ Page Inherits="System.Web.UI.MobileControls.MobilePage" 
   Language="VB" %>
<%@ Register TagPrefix="mobile"
    Namespace="System.Web.UI.MobileControls"
    Assembly="System.Web.Mobile" %>

<%@ Import NameSpace="System.Drawing" %>

<script language="vb" runat=server>

Protected Sub Page_Load(sender As Object, e As EventArgs)
   ' Display the day header if desired.
   Calendar1.ShowDayHeader = true

   ' This allows the user to select a week or a month at a time.
   Calendar1.SelectionMode = _
      CalendarSelectionMode.DayWeekMonth

   ' Set the BorderStyle and BorderColor properties.
   Calendar1.WebCalendar.DayStyle.BorderStyle = _
      BorderStyle.Solid
   Calendar1.WebCalendar.DayStyle.BorderColor = Color.Cyan
End Sub

Protected Sub ShowChanges(sender As Object, e As EventArgs)
   TextView1.Text = "The date you selected is " + _
      Calendar1.SelectedDate.ToShortDateString()

   ' Distinguish the selected block using colors.
   Calendar1.WebCalendar.SelectedDayStyle.BackColor = _ 
      Color.LightGreen
   Calendar1.WebCalendar.SelectedDayStyle.BorderColor = _ 
      Color.Gray
   Calendar1.WebCalendar.DayStyle.BorderColor = Color.Blue
End Sub

</script>
<mobile:Form id="Form1" runat=server>
<mobile:Calendar id="Calendar1" runat="server"
   OnSelectionChanged="ShowChanges" />
<mobile:TextView runat="server" id="TextView1" />
</mobile:Form>
[C#]
<%@ Page Inherits="System.Web.UI.MobileControls.MobilePage" 
   Language="c#" %>
<%@ Register TagPrefix="mobile"
    Namespace="System.Web.UI.MobileControls"
    Assembly="System.Web.Mobile" %>

<%@ Import NameSpace="System.Drawing" %>

<script language="c#" runat=server>

protected void Page_Load(Object sender, EventArgs e)
{
   // Display the day header if desired.
   Calendar1.ShowDayHeader = true;

   // This allows the user to select a week or a month at a time.
   Calendar1.SelectionMode = 
      CalendarSelectionMode.DayWeekMonth;

   // Set the BorderStyle and BorderColor properties.
   Calendar1.WebCalendar.DayStyle.BorderStyle = 
      BorderStyle.Solid;
   Calendar1.WebCalendar.DayStyle.BorderColor = Color.Cyan;
}

protected void ShowChanges(Object sender, EventArgs e)
{
   TextView1.Text = "The date you selected is " + 
      Calendar1.SelectedDate.ToShortDateString();

   // Distinguish the selected block using colors.
   Calendar1.WebCalendar.SelectedDayStyle.BackColor = 
      Color.LightGreen;
   Calendar1.WebCalendar.SelectedDayStyle.BorderColor = 
      Color.Gray;
   Calendar1.WebCalendar.DayStyle.BorderColor = Color.Blue;
}

</script>
<mobile:Form id="Form1" runat=server>
<mobile:Calendar id="Calendar1" runat="server"
   OnSelectionChanged="ShowChanges" />
<mobile:TextView runat="server" id="TextView1" />
</mobile:Form>

需求

命名空間：System.Web.UI.MobileControls

**組件：**System.Web.Mobile

請參閱

Calendar 控制項