一个手写日历控件，多日历展示日期相关信息，整理总结

有图有真相

几个月前写的，参考某位博主写的样式，现在不记得那位博主，隔了一段时间后再看，又花了个把小时，才明白

它的原理，如下：

显示通用的上年，上月，下年，下月四个按钮，--h4,a等标签

当然还有星期等情况也是固定不变的--一个ul li标签

同时点击这四个按钮，下面的天，跟着变化--一个ul li标签

难点是关于闰年，以及每个月天数不一致，

处理：var oDate = new Date(); //定义时间
            oDate.setMonth(oDate.getMonth() + n);//设置月份
            var year = oDate.getFullYear(); //年
            var month = oDate.getMonth(); //月
            var today = oDate.getDate(); //日               
            //计算本月有多少天           
            var allDay = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month];
            //判断闰年
            if (month == 1) {
                if (year % 4 == 0 && year % 100 != 0 || year % 400 == 0) {
                    allDay = 29;
                }
            }

具体‘第几天’天名称，就是要显示出来的内容

代码如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ETLRecord.aspx.cs" Inherits="jj360.Web.FundAnalysis.ETLRecord" %>

<%@ Register Assembly="WebControls" Namespace="Hcl.WebControls" TagPrefix="cc1" %>



    
    
    
    
    
    
    
    
    
    
    
    
    

    
    


    

        


            

                
数据来源：
                

                    

                        
                            全部
                     

                        
                            GD
                    

                        
                            IPDP
                    

                        
                            IBAS
                    

                        
                            XPAD
                    

                        
                            XPADG
                    

                        
                            ROCRM
                

                

            

        

        

            <%--

                
2013年10月
                上月
                上年
                下年
                下月
                

                    
日
                    
一
                    
二
                    
三
                    
四
                    
五
                    
六

                
                

            
--%>

            

                 
GD_GOODS
                
2013年10月
                上月
                上年
                下年
                下月
                

                    
日
                    
一
                    
二
                    
三
                    
四
                    
五
                    
六