第二章 弹出日历选择输入的Calendar控件
我们经常在输入日期时，往往要规定用户输入格式，否则程序会出错。为了避免这种情况，ASP.NET AJAX Control Toolkit中的Calendar控件能够实现式日期输入功能。
此控件包括4个常用属性，用法如下表6-1所示。
|
TargetControlID |
使用该控件的ASP.NET服务器端控件的ID。 |
|
CssClass |
样式类。 |
|
Format |
日期格式字符串。 |
|
PopupButtonID |
弹出日期控件的ASP.NET服务器端控件的ID。 |
Format属性指定日期的格式，如“yyyy-MM-dd”、“yyyy/MM/dd”、“MM/dd/yyyy”等。其中，“yyyy”表示4位个份，“MM”表示2位的月份，“dd”表示2位的日期。
在下面的default.aspx实例代码中，将放入一个TextBox控件，一个Image控件，还有一个Calendar控件。点击Image1图形，弹出一个日历控件，选择日期后，结果自动输入到TextBox1中。
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<!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>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
</div>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:Image ID="Image1" runat="server" Height="23px"
ImageUrl="~/Toolbar _ Find.jpg" Width="23px" />
<cc1:CalendarExtender ID="CalendarExtender1" runat="server"
PopupButtonID="Image1" TargetControlID="TextBox1">
</cc1:CalendarExtender>
</form>
</body>
</html>
运行结果如下：
浙公网安备 33010602011771号