为你的Blog打造个性日历控件

转载 2004年08月18日 00:19:00

日历控件是dotnet自带的控件之一,功能强大,在很多项目开发中都有用到,对于blog系统来说更是必不可少。纵是好玉也仍需雕琢,为了使它更美观实用,我们还需要对它进行二次开发。

第一步是外观设置,这个根据你的需要,只需对它的相关属性做一些调整即可。下图是我调整后的界面

CSDN_Dev_Image_2004-5-312241361.gif

属性设置如下:<?xml:namespace prefix = asp />        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控件在控件层次结构中创建每一天时发生。

  1. 先定义三个整型变量和整型数组

  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(""+d.Date.Day+""));
           }
           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(""+d.Date.Day+""));
             }
             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(""+d.Date.Day+"")); 
              }
               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;
  }

JavaScript blog式日历控件

近来要做一个记事本系统,想找一个合适的日历控件,但网上的都是那种日历选择控件。 于是到qq的记事本系统找了一个,但里面的算法有点落后,所以用了它的样式自己写了个。 效果: >> 2016年 3...
  • jj88888
  • jj88888
  • 2015年03月31日 10:38
  • 475

人生日历DIY桌面:打造个性桌面日历

人生日历DIY桌面:打造个性桌面日历 每天对着电脑的办公室朋友们,是否经常感觉生活缺乏乐趣?绿茶小编觉得,生活中的乐趣要自己寻找,每一个小细节的变化,都会给生活带来不一样的感觉。所以,就让我们从...
  • u010201459
  • u010201459
  • 2013年05月16日 21:02
  • 357

在iOS上实现一个简单的日历控件

近期需要写一个交互有点DT的日历控件,具体交互细节这里略过不表。 不过再怎么复杂的控件,也是由基础的零配件组装起来的,这里最基本的就是日历控件。 先上图: 从图中可以看出日历控件就是由一...
  • jasonblog
  • jasonblog
  • 2014年03月24日 19:33
  • 64848

自定义日历控件(只是包含年和月)

因项目需要一个只显示年和月的日历,网上没有找到合适的,只有自己写了一个比较简单的,也封装的不够彻底,不过能用就行,凑合着看嘛。 中间遇到了很多小问题,并不难,只是有时半天手足无措,所以特此记录一下 ...
  • HeChunyanChen
  • HeChunyanChen
  • 2016年11月03日 18:50
  • 307

安卓自定义日历滑动的日历控件

安卓自定义日历滑动的日历控件标签(空格分隔): 安卓最近公司项目需要做这个需求,自己才疏学浅,总算能写出个大概来,遂在这里记录下来。分析先来分析一下: 首先,我们的需求是可以左右点击查看跳转到下一个...
  • free_co
  • free_co
  • 2016年12月01日 13:51
  • 708

iOS之自定义简单的日历控件

iOS并没有系统日历控件,但是说白了就是基于UICollectionView的封装,对于UICollectionView我就不说他的创建了,主要难在数据的处理,下面我就说一下处理数据的思路: 我将数...
  • qq_33623316
  • qq_33623316
  • 2017年04月10日 14:27
  • 2207

Calendar 自定义日历控件

CalendarView介绍代码地址:https://github.com/09xuanjian/CalendarView这是一个日历控件,很多时候我们需要把一些信息通过时间戳的方式展示给用户。日历是...
  • u011623470
  • u011623470
  • 2015年12月26日 20:27
  • 756

iOS控件之日历

iOS没用日历控件,所以我们需要自己进行封装,博主是用的CollectionView封装的 其实难就难在如何处理数据,下面上代码 这里是我封装的CollectionView,继承UICollectio...
  • qq_16437739
  • qq_16437739
  • 2016年02月25日 16:45
  • 3505

iOS自定义实现日历控件

SZCalendarPicker.h #import @interface SZCalendarPicker : UIView @property...
  • NickYangBooy
  • NickYangBooy
  • 2016年09月12日 12:56
  • 671

自定义javascript日历控件

Web页中的日历一般离不开表格,通常都使用表格装载指定月的日期等信息。所以,要编写JS日历,首先必须解决的问题是表格的行与列问题。列是固定的,七列,因为一周有七天。行需要动态计算,因为,每一个月的第一...
  • my98800
  • my98800
  • 2017年08月08日 07:45
  • 495
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:为你的Blog打造个性日历控件
举报原因:
原因补充:

(最多只允许输入30个字)