第二章 弹出日历选择输入的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>

运行结果如下:

来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/12639172/viewspace-610373/,如需转载,请注明出处,否则将追究法律责任。

转载于:http://blog.itpub.net/12639172/viewspace-610373/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值