日历控件是dotnet自带的控件之一,功能强大,在很多项目开发中都有用到,对于blog系统来说更是必不可少。纵是好玉也仍需雕琢,为了使它更美观实用,我们还需要对它进行二次开发。
第一步是外观设置,这个根据你的需要,只需对它的相关属性做一些调整即可。下图是我调整后的界面
属性设置如下:<asp:calendar id="calendar1" cellpadding="2" width="160px" titlestyle-backcolor="#000000" bordercolor="#aaaaaa"
dayheaderstyle-backcolor="#5e715e" othermonthdaystyle-forecolor="#cccccc" daynameformat="full"
runat="server" titlestyle-forecolor="#ffffff" nextprevstyle-forecolor="#ffffff" cellspacing="1"
weekenddaystyle-backcolor="#eeeeee" dayheaderstyle-forecolor="#ffffff" selectionmode="none"
todaydaystyle-bordercolor="#5e715e" todaydaystyle-borderwidth="1" todaydaystyle-font-bold="true"
todaydaystyle-forecolor="#5e715e">
第二步是对内部功能的调整,这个工作主要集中在以下两个事件的处理上。
prerender:当服务器控件将要呈现给其包含的page对象时发生。
dayrender:当为calendar控件在控件层次结构中创建每一天时发生。
先定义三个整型变量和整型数组
private int[] arrcurrentdays,arrpredays,arrnextdays; //三个变量分别是当前月,前一月,和下一个月
private int intcurrentmonth,intpremonth,intnextmonth; //三个整型数组存放相对月份写有blog的日期
protected system.web.ui.webcontrols.calendar calendar1; //这个就是我们的日历控件了
2. 下面我将分别给出这两个事件的源码,并在下面解释它实现的功能,如果你看不明白,可以先看下面的说明
prerender
private void calendar1_prerender(object sender, system.eventargs e)
{
thread threadcurrent = thread.currentthread;
cultureinfo cinew = (cultureinfo)threadcurrent.currentculture.clone();
cinew.datetimeformat.daynames = new string[]{"日","一","二","三","四","五","六"};
cinew.datetimeformat.firstdayofweek = dayofweek.sunday;
threadcurrent.currentculture = cinew;
}
以上代码改变了星期名称的显示。你只需改变字符数组的值就能改名称显示。
dayrender
private void calendar1_dayrender(object sender, system.web.ui.webcontrols.dayrendereventargs e)
{
//该控件在创建每一天时发生。
calendarday d = ((dayrendereventargs)e).day;
tablecell c = ((dayrendereventargs)e).cell;
// 初始化当前月有blog的日期数组
if( intpremonth == 0 )
{
intpremonth = d.date.month; // 注意:日历控件初始化时我们得到的第一个月并不是当前月,而是前一个月的月份
intcurrentmonth = intpremonth+1;
if (intcurrentmonth>12)
intcurrentmonth=1 ;
intnextmonth = intcurrentmonth+1;
if (intnextmonth >12)
intnextmonth =1;
arrpredays = getarrayday(d.date.year,intpremonth); //得到前一个月有blog的日期数组
arrcurrentdays = getarrayday(d.date.year,intcurrentmonth) ;//得到当月有blog的日期数组
arrnextdays = getarrayday(d.date.year,intnextmonth) ;//得到下个月有blog的日期数组
}
int j=0;
if( d.date.month.equals(intpremonth) )
{
while( ! arrpredays[j].equals(0) )
{
if(d.date.day.equals(arrpredays[j]))
{
c.controls.clear();
c.controls.add(new literalcontrol("<a href=day.aspx?year="+d.date.year+"&month="+
d.date.month+"&day="+d.date.day+">"+d.date.day+"</a>"));
}
j++;
}
}
else if( d.date.month.equals(intcurrentmonth) )
{
while( ! arrcurrentdays[j].equals(0) )
{
if(d.date.day.equals(arrcurrentdays[j]))
{
c.controls.clear();
c.controls.add(new literalcontrol("<a href=day.aspx?year="+d.date.year+"&month="+
d.date.month+"&day="+d.date.day+">"+d.date.day+"</a>"));
}
j++;
}
}
else if( d.date.month.equals(intnextmonth) )
{
while( ! arrnextdays[j].equals(0) )
{
if(d.date.day.equals(arrnextdays[j]))
{
c.controls.clear();
c.controls.add(new literalcontrol("<a href=day.aspx?year="+d.date.year+"&month="+
d.date.month+"&day="+d.date.day+">"+d.date.day+"</a>"));
}
j++;
}
}
}
日期控件一个页面能显示三个月份的日期,当前月是完整的,前一月和下一月有部分日期。dayrender事件会初始化具体日期的显示方式,在这里我们要对有blog内容的日期加上超级链接。于是我们需要在初始化时得到三个数组,数组里分别存放连续三个月的写有blog的日期。然后依次与当前日期比较,相同则加上链接。
在使用dayrender事件时,你一定不要忘了它是在每个日期初始化时执行一次,这就意味着初始化一次日历控件这个事件就要执行42次,所以要尽可能的简化操作,更不要不加判断的进行重复的数据库操作,我刚开始时没注意,在该事件里写了两个读库语句,结果严重影响性能。
下面这个方法是我用来获得日期数组的。
// 得到该月有blog的日期数组
private int[] getarrayday(int intyear,int intmonth)
{
int[] intarray = new int[31];
//从数据库里选取符合要求的记录,将日期存入数组
string strsql = "select content_time from content where year(content_time)="+intyear+
" and month(content_time)="+intmonth;
dr = sqlhandle.getdr(strsql);
while(dr.read())
{
if( i==0 )
{
intarray[i] = dr.getdatetime(0).day;
i++;
}
else if( dr.getdatetime(0).day != intarray[i-1] )
{
intarray[i] = dr.getdatetime(0).day;
i++;
}
}
dr.close();
return intarray;
}
具体的使用效果可以去我的blog看: www.dever.cn