Asp.net Ajax--Calendar控件使用_.Net教程
推薦:ASP.NET備份恢復SqlServer數據庫備份SqlServer數據庫 核心技術: using System.Data.SqlClient; using System.IO; string SqlStr1 = "Server=(local);DataBase=master;Uid=sa;Pwd=&q
簡介
Calendar控件是一個很簡單的控件,主要用來在頁面中提供日歷的選擇,其實現在已經有很多用javascript寫的日歷控件,但是Canlendar日歷控件能夠讓我們更快速地來實現這種效果,只需要進行一些簡單的設置即可。
重要屬性
TargetControlID:用來顯示選擇日期的控件,改控件必需為TextBox
CssClass:設置日歷的樣式
Format:顯示日期的格式,如yyMMdd,會顯示071105
PopupButtonID:當日期是通過選定某個按鈕彈出的時候,為改按鈕的ID,一般為一個日歷圖片
示例1
1.打開visual studio2005,新建一個AjaxControlToolkit網站。
2.在網站根目錄下添加一個窗體,命名為Calendar1.aspx。
3.切換到設計視圖,在頁面上添加ScriptManger,一個TextBox和一個CalendarEntender控件。
4.設置CalendarExtender控件的屬性如下:
<cc1:CalendarExtender TargetControlID="txtDate" runat="server" Format="yyMMdd" ID="calDate" CssClass="MyCalendar"/>
下面是樣式代碼,對應上面的CssClass,關于改樣式的解釋在后面講到:
MyCalendar .ajax__calendar_container {}{ border:1px solid #646464; background-color:#faac38; } |
示例2
這個例子是單擊一個圖片按鈕后會彈出日歷控件,這個在網站中也是經常用到的
1.在網站的根目錄下新建一個web窗體,命名為Calendar2.aspx.
2.步驟和上面的一樣,只是在頁面中多了一個image控件,Calendar控件的設置如下:
<cc1:CalendarExtender TargetControlID="txtDate" runat="server" Format="yyMMdd" ID="calDate" PopupButtonID="imgDate" CssClass="MyCalendar"/>設置基本上和上一個示例一樣,多了一個PopupButtonID,用來制定點擊的圖片
3.保存設計,按F5運行,當單擊日歷圖片時會彈出日歷控件,選擇了日期,控件會隱藏,選擇的日期會顯示在文本框中。
注:屬性Format用來控制日期顯示的格式,但要注意代表月的M一定要大寫,如:yyyy-MM-dd,yyyy/M/d,yyyy年MM月dd日
CssClass說明:
.ajax_calendar_container:日歷控件的整體內容部分 .ajax_calendar_footer:日歷控件的頁腳部分 .ajax_calendar_header:日歷控件的頁眉部分 .ajax_calendar_activa .ajax_calendar_day:選中日期時的樣式,一般選擇過的日期會以另一種顏色顯示。 .ajax_calendar_hover .ajax_calendar_day:鼠標劃過日期時的樣式,一般改變懸停在的日期的前景色和背景色。 .ajax_calendar_other .ajax_calendar_day:非本月日期的樣式名 |
分享:asp.net編程中實現 MD5 加密現在制作的web系統需要用到加密 依舊選擇md5吧(其實我也就用過md5^_^) 找到了兩種實現 方案一: /**//// /// 用md5加密 ///
- asp.net如何得到GRIDVIEW中某行某列值的方法
- .net SMTP發送Email實例(可帶附件)
- js實現廣告漂浮效果的小例子
- asp.net Repeater 數據綁定的具體實現
- Asp.Net 無刷新文件上傳并顯示進度條的實現方法及思路
- Asp.net獲取客戶端IP常見代碼存在的偽造IP問題探討
- VS2010 水晶報表的使用方法
- ASP.NET中操作SQL數據庫(連接字符串的配置及獲取)
- asp.net頁面傳值測試實例代碼
- DataGridView - DataGridViewCheckBoxCell的使用介紹
- asp.net中javascript的引用(直接引入和間接引入)
- 三層+存儲過程實現分頁示例代碼
- 相關鏈接:
- 教程說明:
.Net教程-Asp.net Ajax--Calendar控件使用。