单击ASP.NET日历控件单元格选择日期

墨衍会员 · AI 创作全网分发码龄21年

关注

原创最新推荐文章于 2026-04-30 09:36:09 发布 1.9k 阅读 AI 写同款· GEO 优化 ›

ASP.NET初学笔记:Calendar控件 Calendar控件用来显示日历，可以把日历当作日期选择器来使用或用来显示预定事件列表。1. 选择多个日期Calendar控件SelectionMode属性可以改变Calendar的行为，使你不仅可以选择日，也可以选择周或月。下面代码演示如何联合SelectionMode和SelectedDates属性来选择多个日期。阅读详情

单击ASP.NET日历控件老是选择数字才能选择这个日期，当数字很小的时候选择很不方便，以下方式可以单击单元格来选择日期：

Default.aspx代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebAppCalendar._Default" %> <!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:Calendar ID="Calendar1" runat="server" Height="212px" ondayrender="Calendar1_DayRender" Width="390px"></asp:Calendar> </div> </form> </body> </html>

Default.aspx.cs代码：

using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; namespace WebAppCalendar { public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } protected void Calendar1_DayRender(object sender, DayRenderEventArgs e) { //为日历单元格添加onClick事件 e.Cell.Attributes.Add("onClick", e.SelectUrl); //鼠标变为手型 e.Cell.Attributes.Add("onmouseover", "if(true) this.style.cursor='hand';"); } } }

运行结果：

收录于

.NET常用控件

标签

#asp.net #日历 #calendar #server #xhtml

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

My97DatePicker：ASP.NET中的强大日期选择工具 ASP.NET是由微软开发的，用于构建动态网站、web应用程序和web服务的服务器端技术。它是.NET框架的一部分，提供了一种使用.NET语言编写web应用程序的方式。ASP.NET应用程序可以使用VB.NET、C#等语言编写，并且能够以编译后的形式运行，这确保了执行速度和效率。My97DatePicker是一款基于Web的日期选择控件，广泛应用于ASP.NET等各类web开发框架。它提供了一个直观且功能丰富的界面，用于日期的选择。阅读详情

0

aspnet2002web

博客等级

码龄21年 482粉丝 310原创

+ 关注专栏目录订阅专栏

评论

成就一亿技术人!

拼手气红包6.0元

还能输入1000个字符

插入表情

表情包

代码片

HTML/XML
objective-c
Ruby
PHP
C
C++
JavaScript
Python
Java
CSS
SQL
其它

条评论被折叠查看

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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