跳转到主内容
websoft网络软件专家 - 深耕网络技术,打造实用软件!

JavaScript blog式日历控件新算法

使用说明: 程序比较简单,代码中都有说明,这里说说怎么使用。 首先是实例化一个calendar,并设置参数。 参数说明: year:要显示的年份 month:要显示的月份 selectday:选择日期 onselectday:在选择日期触发 ontoday:在当天日期触发 onfinish:日历画完后触发 一般selectday设置成选择了的日期,并在onselectday中设置一个函数用来设置这个日期的样式, 例如实例里selectday设置成今个月10号并在那天样式设为onselect:
SelectDay: new Date().setDate(10), onSelectDay: function(o){ o.className = "onSelect"; },
而onToday就用来设置今日日期的样式, 例如实例里面把今天的日期的样式设为onToday: onToday: function(o){ o.className = "onToday"; }, 在onFinish中可以放需要设置日历的程序。 可以通过this.Year和this.Month获取当前日历显示的年份和月份。 对有数据的日期的也在这里设置,例如实例中是有一个当前月份的有数据的日期列表,然后根据这个列表对相应的日期进行设置:
var flag = [10,15,20]; for(var i = 0, len = flag.length; i < len; i++){ this.Days[flag[i]].innerHTML = "" + flag[i] + ""; }
实例中是固定了这个日期列表,实际应用中可以根据年份月份获取对应的日期列表, 个人推荐用年份月份通过ajax获取。 程序中还有两个有用的方法PreMonth(显示上一个月)和NextMonth(显示下一个月)。 测试代码:
blog式日历控件_www.jb51.net_本站
<<
>>
2008年 8月
日 一 二 三 四 五 六
更多JavaScript blog式日历控件新算法相关文章请关注PHP中文网!

相关文章