ASP.NET Web Forms 日历

17 Mar 2025 | 阅读 2 分钟

它用于在日历中显示可选择的日期。它还显示与特定日期关联的数据。此控件显示一个日历，用户可以通过该日历移动到任何年份的任何一天。

我们还可以设置 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	控件的 Tab 键顺序。
BackColor	它用于设置控件的背景颜色。
BorderColor	它用于设置控件的边框颜色。
BorderWidth	用于设置控件边框的宽度。
Font	它用于设置控件文本的字体。
ForeColor	它用于设置控件文本的颜色。
文本	它用于设置要为控件显示的文本。
ToolTip	当鼠标悬停在控件上时，它会显示文本。
Visible	设置控件在表单上的可见性。
高度	它用于设置控件的高度。
宽度	它用于设置控件的宽度。
NextMonth 文本	它用于设置“下个月”按钮的文本。
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");
        }
    }
}

输出

此视图在浏览器中显示日历。

它在网页上显示用户选择的日期。下面附有一个屏幕截图。

下一个主题ASP.NET 复选框

ASP.NET Web Forms 日历

日历属性窗口

示例

代码隐藏

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

ASP .NET 教程

ASP.NET Web 窗体

ASP.NET 验证

ASP.NET MVC

ASP.NET Razor

其他

面试题

ASP.NET Web Forms 日历

日历属性窗口

示例

代码隐藏

相关帖子

ASP.NET WF 特性

ASP.NET WF 示例

ASP.NET 服务器控件

ASP.NET FileUpload

ASP.NET 下载文件

ASP.NET WF 项目

ASP.NET LinkButton

WF 身份验证

ASP.NET Button

ASP.NET Session

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器