js实现简单的日历显示效果函数示例

本文实例讲述了js实现简单的日历显示效果函数。分享给大家供大家参考，具体如下：

用一个函数简单的实现一个月份的日历，效果如下：

这个日历效果有高亮显示，我实现的思维比较简单。

我把上面的日历效果用表格table生成，分成两个部分。

第一个部分：就是前面的第一排，我用一行显示，这一部分表示的上个月份留下来的日期和这个月份的日期的混合日期；

第二部分：就是剩下的所有排，这里我用五行显示，这一部分表示的是这个月份和下个月份的日期的混合日期。

这里为什么要用6行来显示日历的效果呢？原因是有的月份跨越了6行，所以为了兼容所有的月份，只好用6行了。

下面是代码：




 
 js的日历
 
 
 
 
  table tr td {
   width:27px;
   text-align:center;
  }

上面的函数简单的实现了日历，当然，要想让这个日历变得更强大，更有意思，你还得自己动手修改一下上面的函数。

有什么bug还望读者指出。

PS：这里再为大家推荐几款日历相关在线工具供大家参考：

网页万年历日历：
http://tools.jb51.net/bianmin/webwannianli

在线阴历/阳历转换工具：
http://tools.jb51.net/bianmin/yinli2yangli

在线万年历日历：
http://tools.jb51.net/bianmin/wannianli

在线万年历黄历flash版：
http://tools.jb51.net/bianmin/flashwnl

更多关于Javascript相关内容感兴趣的读者可查看本站专题：《Javascript时间与日期操作技巧总结》《Javascript错误与调试技巧总结》、《Javascript数据结构与算法技巧总结》、《Javascript遍历算法与技巧总结》及《Javascript数学运算用法总结》

希望本文所述对大家Javascript程序设计有所帮助。