移動(dòng)控件介紹及詳細(xì)使用方法:Calendar控件

來源： | 時(shí)間：2013/11/22 17:16:23 |

Calendar控件

Calendar(日歷)控件通常是用來實(shí)現(xiàn)日期的選擇功能，你可以從工具箱拖拽一個(gè)Calendar控件到移動(dòng)WEB Form控件上。Calendar控件在默認(rèn)狀態(tài)下通常顯示當(dāng)前月，如果要改變默認(rèn)的顯示日期的話，你可以設(shè)置Calendar控件的VisibleDate屬性。還有一個(gè)重要的屬性就是SelectedDate，它可以在Calendar控件上選定一個(gè)指定的日期。


SelectionMode屬性用來獲取或設(shè)置Calendar控件的日期選擇模式。默認(rèn)的設(shè)置為Day，這樣用戶就可以在 Calendar 控件上選擇單個(gè)日期。你還可以設(shè)置該屬性的日期選擇模式為DayWeek或DayWeekMonth。DayWeek設(shè)置允許用戶在Calendar控件上選擇選擇單日或整周，DayWeekMont設(shè)置允許用戶在Calendar控件上選擇單個(gè)日期、周或整月。你可以在設(shè)計(jì)階段更改這些設(shè)置，也可以在運(yùn)行時(shí)通過代碼更改這些設(shè)置。當(dāng)用戶改變了當(dāng)前選中的日期時(shí)，將會(huì)激發(fā)一個(gè)Calendar控件中的SelectionChanged事件。下表是Calendar控件的一些常見
屬性：

屬性說明

FirstDayOfWeek 在日歷的第一列中顯示一周中的某一天

SelectionMode 該屬性允許用戶將日歷控件的選擇模式設(shè)置為單個(gè)日期、周或整月。該屬性的枚舉值為：None、Day、DayWeek和 DayWeekMonth.   SelectedDate 該屬性用來獲取或設(shè)置當(dāng)前選定的日期。我們可以在設(shè)計(jì)階段設(shè)置該屬性值，也可以在運(yùn)行時(shí)改變?cè)撝怠?br />
VisibleDate 指定要顯示月份的日期，移動(dòng)設(shè)備默認(rèn)狀態(tài)下將會(huì)直接在當(dāng)前的屏幕中顯示該日期。所以該屬性和SelectedDate是截然不同的。



現(xiàn)在我們來用Calendar 控件實(shí)現(xiàn)一個(gè)簡單功能。當(dāng)用戶在Calendar控件中選取了一個(gè)日期后，該日期將會(huì)在一個(gè)文本框中進(jìn)行顯示。


清單3：
CalendarDefault.aspx
<%@ Page Language="C#" AutoEventWireup="true"
CodeFile="CalendarDefault.aspx.cs" Inherits="CalendarDefault"
EnableViewState="true"%>
<%@ Register TagPrefix="mobile"
Namespace="System.Web.UI.MobileControls"
Assembly="System.Web.Mobile" %>

<html xmlns="http://www.w3.org/1999/xhtml" >
<body>
    <mobile:Form id="Form1" runat="server">
事件日期
<br />
<mobile:TextBox id="txtEventDate" runat="server"></mobile:TextBox>
      <mobile:Calendar id="EventCalendar" FirstDayOfWeek="Sunday"
Runat="server"
        OnSelectionChanged="EventCalendar_SelectionChanged">
</mobile:Calendar>
</mobile:Form>
</body>
</html>

清單4：
CalendarDefault.aspx.cs
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.Mobile;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.MobileControls;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;

public partial class CalendarDefault :
System.Web.UI.MobileControls.MobilePage
{
    //
當(dāng)日歷中的選擇日期發(fā)生改變時(shí)激發(fā)
SelectionChanged
事件

//
并且將現(xiàn)在所選擇的日期顯示在文本框中

protected
void
EventCalendar_SelectionChanged(object
sender,
EventArgs
e)
    {
        txtEventDate.Text =
EventCalendar.SelectedDate.ToShortDateString();
    }
}