您的位置：首页 > 其它

第二章 弹出日历选择输入的Calendar控件

2009-07-24 15:37 429 查看
第二章弹出日历选择输入的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>

运行结果如下：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航