21.7 彈出式日歷選擇功能
彈出式日歷選擇功能是Web窗體頁上一種非常實用的功能。用戶從日歷控件中選擇日歷，從而保證了用戶輸入日歷格式的有效性。
實現(xiàn)目標
本實例介紹使用ASP.NET AJAX中的CalendarExtender控件為文本輸入框?qū)崿F(xiàn)彈出式日歷選擇的功能。
技術(shù)實現(xiàn)
創(chuàng)建AjaxCalendar.aspx頁面
在Sample_21應(yīng)用程序中創(chuàng)建AjaxCalendar.aspx頁面，并在該頁面上創(chuàng)建一個ScriptManager控件、一個UpdatePanel控件、一個TextBox控件和一個CalendarExtender控件。這些控件的ID屬性的值分別為sm、up、tbValue和ceValue。其中，sm和up控件共同提供無刷新的Web環(huán)境。tbValue控件供用戶輸入值。當用戶鼠標單擊tbValue控件時，ceValue控件將彈出一個可以選擇日期的日歷控件。AjaxCalendar.aspx頁面的部分HTML設(shè)計代碼如下：
<%@ Page Language="C#" AutoEventWireup="true"
StylesheetTheme="Aspnet3DBWeb"
CodeFile="LinqProcedure.aspx.cs" Inherits="LinqProcedure" %>
把AjaxCalendar.aspx頁面設(shè)置為Sample_21應(yīng)用程序的起始頁面，并運行該應(yīng)用程序。鼠標單擊AjaxCalendar.aspx頁面中的輸入框，將彈出一個可以選擇日期的日歷控件，如圖21-13所示。
圖21-13 AjaxCalendar.aspx頁面實現(xiàn)彈出式日歷選擇功能
本站僅提供存儲服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請
點擊舉報。
