如何用JavaScript编写一个实现复杂功能的日历显示效果函数？

本文共计558个文字，预计阅读时间需要3分钟。

原文示例：javascript// 本文字例讲述了js实现简单的日历显示效果函数。// 分享给家长供家长参考，具体如下：// 使用一个函数简单实现一个月的日历，效果如下：// 这个日历效果有高亮显示，我实现的思路比较：

改写后：javascript// 简述js实现日历显示函数示例。// 分享给家长，具体如下：// 通过一个函数轻松构建月历，效果展示：// 该月历高亮突出，我实现的方法是：

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

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

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

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

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

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

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