asp.net下的日历控件源代码

最新推荐文章于 2011-08-09 22:19:00 发布

xuezj508

最新推荐文章于 2011-08-09 22:19:00 发布

阅读量800

点赞数

分类专栏： .NET学习资料文章标签： asp.net 日历 dropdown calendar table class

.NET学习资料专栏收录该内容

62 篇文章

订阅专栏

本文介绍了一个基于ASP.NET的日历控件实现方案，详细展示了如何通过C#及HTML结合自定义样式来构建一个可交互的日历选择器。文章包括了前台ASPX文件和后台CS文件的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前台aspx文件

<%@ Register TagPrefix="componentart" Namespace="ComponentArt.Web.UI" Assembly="ComponentArt.Web.UI" %>
<%@ Page language="c#" Codebehind="demoCalendar.aspx.cs" AutoEventWireup="false" Inherits="orderMRP.demo.Calendar.demoCalendar" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>日历控件</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script>
var dropShow=false
var currentID
function dropdown(el){
if(dropShow){
dropFadeOut()
}else{
currentID=el
el.style.visibility="visible"
dropFadeIn()
}
}
function dropFadeIn(){
if(currentID.filters.alpha.opacity<100){
currentID.filters.alpha.opacity+=20
fadeTimer=setTimeout("dropFadeIn()",50)
}else{
dropShow=true
clearTimeout(fadeTimer)
}
document.all.ddl_Text.innerText="";
}
function dropFadeOut(){
if(currentID.filters.alpha.opacity>0){
clearTimeout(fadeTimer)
currentID.filters.alpha.opacity-=20
fadeTimer=setTimeout("dropFadeOut()",50)
}else{
dropShow=false
currentID.style.visibility="hidden"
}
}
function dropdownHide(){
if(dropShow){
dropFadeOut()
dropShow=false
}
}

/*
function hiLight(el)
{
if(dropShow)
{
for(i=0;i<el.parentElement.childNodes.length;i++)
{
el.parentElement.childNodes(i).className="link_record0"
}
el.className="link_record1"
}
}
//function CheckMe(el){
//document.all.ddl_Text.innerText=el.innerText
//}
*/
document.onclick=dropdownHide
</script>
<LINK href="DDLControl.css" type="text/css" rel="stylesheet">
</HEAD>
<body bgColor="#e6e7ed" onload="document.all.Form1.reset()">
<form id="Form1" runat="server">
<table id="Table20">
<tr>
<td>
<div class="link_box" onselectstart="return false" style="WIDTH: 100px">
<div class="link_head">
<table id="Table30" height="100％" cellSpacing="0" cellPadding="0" width="100％" border="0">
<tr>
<td>
<div class="link_text"><nobr><asp:textbox id="ddl_Text" runat="server" Width="97px" Font-Size="9pt" BorderStyle="Groove">---请选择---</asp:textbox>
</nobr></div>
</td>
<td align="right" width="22"><IMG alt="" src=http://www.host01.com/Get/Net/00020002/"..images/other/BIMG.gif" onLoad="this.style.cursor='hand'" onclick="dropdown(value11)"
onmouseup="this.className='link_arrow0'" class="link_arrow0" onmousedown="this.className='link_arrow1'" onmouseout="this.className='link_arrow0'"
onmouseover="" height="20" width="16">

</td>
</tr>
</table>
</div>
<div class="link_value" id="value11" style="WIDTH: 200px; HEIGHT: 200px">
<table id="Table40" cellSpacing="0" cellPadding="0" width="100％" align="center" border="0">
<tr>
<td align="center" bgColor="#ffffff" height="30"><asp:Calendar id="Calendar1" runat="server" Font-Size="5pt" Width="198px" BackColor="White" CellPadding="1"
ForeColor="RoyalBlue" BorderWidth="1px" DayNameFormat="FirstLetter" Height="198px" Font-Names="Verdana" BorderColor="#D9D9E6" NextMonthText="下月"
PrevMonthText="上月">
<TodayDayStyle ForeColor="White" BackColor="#99CCCC"></TodayDayStyle>
<SelectorStyle ForeColor="#336666" BackColor="#99CCCC"></SelectorStyle>
<NextPrevStyle Font-Size="8pt" ForeColor="Snow"></NextPrevStyle>
<DayHeaderStyle Height="1px" ForeColor="#336666" BackColor="#99CCCC"></DayHeaderStyle>
<SelectedDayStyle Font-Bold="True" ForeColor="#CCFF99" BackColor="#009999"></SelectedDayStyle>
<TitleStyle Font-Size="7pt" Font-Bold="True" Height="25px" BorderWidth="1px" ForeColor="White"
BorderStyle="Solid" BorderColor="#D9D9E6" BackColor="#6699CC"></TitleStyle>
<WeekendDayStyle BackColor="#CCCCFF"></WeekendDayStyle>
<OtherMonthDayStyle ForeColor="#999999"></OtherMonthDayStyle>
</asp:Calendar></td>
</tr>
</table>
</div>
</div>
</td>
<td><asp:imagebutton id="ImageButton1" runat="server" ImageUrl="~/images/loginImg/login_ok.gif"></asp:imagebutton></td>
</tr>
</table>
<P> </P>
<P><FONT face="宋体"></FONT> </P>
<P><FONT face="宋体"></FONT> </P>
<P><FONT face="宋体"></FONT> </P>
<P><FONT face="宋体"></FONT> </P>
<P><FONT face="宋体"></FONT> </P>
<P> </P>
</form>
</body>
</HTML>

后台cs文件

using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;

using NickLee.Web.UI;

namespace orderMRP.demo.Calendar
{
/// <summary>
/// demoCalendar 的摘要说明。
/// </summary>
public class demoCalendar : System.Web.UI.Page
{
private NickLee.Web.UI.encryption en1=new encryption();
private webDataFill Fill=new webDataFill();

protected System.Web.UI.WebControls.ImageButton ImageButton1;
protected System.Web.UI.WebControls.TextBox ddl_Text;
protected System.Web.UI.WebControls.Button Button1;
protected System.Web.UI.WebControls.Calendar Calendar1;

private void Page_Load(object sender, System.EventArgs e)
{
Fill.ConString=System.Configuration.ConfigurationSettings.AppSettings["SqlConnectionString"];

}

#region Web Form Designer generated code
override protected void OnInit(EventArgs e)
{
//
// CODEGEN：该调用是 ASP.NET Web 窗体设计器所必需的。
//
InitializeComponent();
base.OnInit(e);
}

/// <summary>
/// 设计器支持所需的方法 - 不要使用代码编辑器修改
/// 此方法的内容。
/// </summary>
private void InitializeComponent()
{
this.ddl_Text.TextChanged += new System.EventHandler(this.ddl_Text_TextChanged);
this.Calendar1.VisibleMonthChanged += new System.Web.UI.WebControls.MonthChangedEventHandler(this.Calendar1_VisibleMonthChanged);
this.Calendar1.SelectionChanged += new System.EventHandler(this.Calendar1_SelectionChanged);
this.ImageButton1.Click += new System.Web.UI.ImageClickEventHandler(this.ImageButton1_Click);
this.Load += new System.EventHandler(this.Page_Load);

}
#endregion

private void ImageButton1_Click(object sender, System.Web.UI.ImageClickEventArgs e)
{
if(ddl_Text.Text!="")
{
webJSUtil.Alert(this,ddl_Text.Text);
this.ddl_Text.Text="---请选择---";
// webJSUtil.ExecuteClientScriptOnWindowLoad(this,"dropdown(value11)");
}
else
{
webJSUtil.Alert(this,"请选择或输入！");
}
}

private void Calendar1_SelectionChanged(object sender, System.EventArgs e)
{
ddl_Text.Text=Calendar1.SelectedDate.ToShortDateString();
}

private void Calendar1_VisibleMonthChanged(object sender, System.Web.UI.WebControls.MonthChangedEventArgs e)
{
webJSUtil.ExecuteClientScriptOnWindowLoad(this,"dropdown(value11)");
}

private void ddl_Text_TextChanged(object sender, System.EventArgs e)
{
// webJSUtil.Alert(this,this.ddl_Text.Text);
}
}
}