ASP.NET中如何使用 Calendar日歷控件,很多新手對此不是很清楚,為了幫助大家解決這個難題,下面小編將為大家詳細講解,有這方面需求的人可以來學習下,希望你能有所收獲。
讓客戶滿意是我們工作的目標,不斷超越客戶的期望值來自于我們對這個行業的熱愛。我們立志把好的技術通過有效、簡單的方式提供給客戶,將通過不懈努力成為客戶在信息化領域值得信任、有價值的長期合作伙伴,公司提供的服務項目有:域名注冊、雅安服務器托管、營銷軟件、網站建設、鲅魚圈網站維護、網站推廣。Calendar 控件顯示一個日歷,用戶可通過該日歷導航到任意一年的任意一天。當 ASP.NET 網頁運行時,Calendar 控件以 HTML 表格的形式呈現。因此,該控件的許多屬性與多種不同的表格格式相符。在這些屬性中,有幾個在一些低版本的瀏覽器中不能得到完全支持,因此在這些瀏覽器中并不能使用所有的格式功能。
使用 Calendar 控件在網頁上顯示日歷的單個月。該控件使您可以選擇日期并移到下個月或上個月。Calendar 控件支持 System.Globalization 命名空間中的所有 System.Globalization.Calendar 類型。除公歷以外,這還包括使用不同年和月系統的日歷,如 Hjiri 日歷。
可以通過設置 SelectionMode 屬性指定 Calendar 控件是否允許選擇單日、周或整月。
默認情況下,該控件顯示月中各天、周中各天的標頭、帶有月份名和年份的標題、用于選擇月份中各天的鏈接及用于移動到下個月和上個月的鏈接。您可以通過設置控制控件中不同部分的樣式的屬性,來自定義 Calendar 控件的外觀。下表列出了指定控件不同部分的樣式的屬性。
屬性 說明
DayHeaderStyle | 為顯示一周中各天的部分指定樣式。 |
DayStyle | 為顯示的月份中的日期指定樣式。 |
NextPrevStyle | 為標題部分中的導航控件指定樣式。 |
OtherMonthDayStyle | 為不在當前顯示的月份中的日期指定樣式。 |
SelectedDayStyle | 為日歷中的選定日期指定樣式。 |
SelectorStyle | 為周和月份日期選擇列指定樣式。 |
TitleStyle | 為標題部分指定樣式。 |
TodayDayStyle | 為今天日期指定樣式。 |
WeekendDayStyle | 為周末日期指定樣式。 |
也可以顯示或隱藏控件的不同部分。下表列出控制顯示或隱藏哪些部分的屬性。
ShowDayHeader | 顯示或隱藏顯示一周中各天的部分。 |
ShowGridLines | 顯示或隱藏月中各天之間的網格線。 |
ShowNextPrevMonth | 顯示或隱藏指向下個月或上個月的導航控件。 |
ShowTitle | 顯示或隱藏標題部分。 |
盡管 Calendar 控件不支持綁定到數據源,但是可以修改各個日期單元格的內容和格式設置。在網頁上顯示 Calendar 控件之前,它創建并匯編組成該控件的組件。當創建 Calendar 控件中的每個日期單元格時,均會引發 DayRender 事件。通過在 DayRender 事件的事件處理程序中提供代碼,可以在創建日期單元格時控制其內容和格式設置。
Calendar 控件將 ECMAScript(JScript、JavaScript)呈現給客戶端瀏覽器。客戶端瀏覽器必須啟用 ECMAScript,此控件才能正常工作。
下面的代碼示例演示如何在網頁上創建 Calendar 控件。
前臺代碼:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Calendar.aspx.cs" Inherits="WebControls_Calendar" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <style type="text/css"> .style1 { width: 369px; } </style> </head> <body> <form id="form1" runat="server"> <div> <h4>Calendar(日期控件)</h4> <table > <tr> <td class="style1"> 屬性</td> <td> 值</td> <td> 作用</td> </tr> </table> <hr /> 請選擇日期:<asp:Calendar ID="calDate" runat="server"></asp:Calendar> <asp:Button ID="btnSubmit" runat="server" Text="提交" onclick="btnSubmit_Click" /> <hr /> 請選的日期為:<asp:Label ID="lblState" runat="server"></asp:Label> <br /> <br /> 本地日期和時間為:<asp:Label ID="lblBenDiShiJian" runat="server"></asp:Label> </div> </form> </body> </html>
后臺代碼:
using System; using System.Collections.Generic; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; public partial class WebControls_Calendar : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { lblBenDiShiJian.Text = System.DateTime.Now.ToString(); } protected void btnSubmit_Click(object sender, EventArgs e) { lblState.Text = calDate.SelectedDate.ToShortDateString(); } }
顯示效果:
看完上述內容是否對您有幫助呢?如果還想對相關知識有進一步的了解或閱讀更多相關文章,請關注創新互聯行業資訊頻道,感謝您對創新互聯網站建設公司,的支持。
網站名稱:ASP.NET中如何使用Calendar日歷控件-創新互聯
URL分享:http://vcdvsql.cn/article36/csipsg.html
成都網站建設公司_創新互聯,為您提供網站收錄、網站營銷、網站策劃、搜索引擎優化、軟件開發、動態網站
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯