srcmini本文概述
它用于显示日历中的可选日期。它还显示与特定日期关联的数据。此控件显示日历，用户可以通过该日历移动到任何一年中的任何一天。
我们还可以设置在日历中显示指定日期的Selected Date属性。
要创建日历，我们可以将其从Visual Studio的工具箱中拖动。
这是一个服务器端控件，ASP.NET提供了自己的标签来创建它。下面给出示例。
< asp:CalendarID="Calendar1" runat="server" SelectedDate="2017-06-15" ></asp:Calendar>服务器将其呈现为HTML控件，并向浏览器生成以下代码。
<table id="Calendar1" cellspacing="0" cellpadding="2" title="Calendar"
style="border-width:1px;border-style:solid;border-collapse:collapse;">
<tr><td colspan="7" style="background-color:Silver;">
<table cellspacing="0" style="width:100%;border-collapse:collapse;">
<tr><td style="width:15%;">
<a href="javascript:__doPostBack('Calendar1', 'V6330')"
style="color:Black" title="Go to the previous month"></a> ...该控件具有自己的属性，如下表所示。
| 属性 | 描述 |
|---|---|
| AccessKey | 用于设置控件的键盘快捷键。 |
| TabIndex | 控件的制表符顺序。 |
| BackColor | 用于设置控件的背景色。 |
| BorderColor | 用于设置控件的边框颜色。 |
| BorderWidth | 用于设置控件边框的宽度。 |
| Font | 用于设置控制文本的字体。 |
| ForeColor | 用于设置控件文本的颜色。 |
| Text | 它用于设置要为控件显示的文本。 |
| ToolTip | 当鼠标悬停在控件上时, 它将显示文本。 |
| Visible | 在窗体上设置控件的可见性。 |
| Height | 用于设置控件的高度。 |
| Width | 用于设置控件的宽度。 |
| NextMonth Text | 它用于设置下个月按钮的文本。 |
| TitleFormat | 它设置标题中月份标题的格式。 |
| DayHeaderStyle | 用于设置日期标题行的样式。 |
| DayStyle | 它用于将样式应用于几天。 |
| NextPrevStyle | 用于将样式应用于月份导航按钮。 |
日历属性窗口
例
在此示例中，我们将实现日历并在网页上显示用户选择的日期。
// WebControls.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebControls.aspx.cs"
Inherits="WebFormsControlls.WebControls" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<h2>Select Date from the Calender</h2>
<div>
<asp:Calendar ID="Calendar1" runat="server"
OnSelectionChanged="Calendar1_SelectionChanged"></asp:Calendar>
</div>
</form>
<p>
<asp:Label runat="server" ID="ShowDate" ></asp:Label>
</p>
</body>
</html>背后的代码
// WebControls.aspx.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace WebFormsControlls
{
public partial class WebControls : System.Web.UI.Page
{
public void Calendar1_SelectionChanged(object sender, EventArgs e)
{
ShowDate.Text = "You Selected: "+Calendar1.SelectedDate.ToString("D");
}
}
}输出：
此视图向浏览器显示日历。
它显示了用户在网页上选择的日期。屏幕快照如下。
评论前必须登录！
注册