我们经常在输入日期时,往往要规定用户输入格式,否则程序会出错。为了避免这种情况,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/