来看下效果图 [img]http://files.jb51.net/file_images/article/201205/2012053113563244.jpg[/img] [b]一、先来说下功能：[/b] 1.点击“确定”显示日历 2。再次点击隐藏，或从DOM中删除这个日历。如些反复第一，和第二这两步。 3.让日历中显示当前月份日期(多少天，每天是多少号)。 4.让当前月份的日期和星期几对应. 5.让左边两边的日历关联起来。 [b]二、再来说下HTML结构。[/b] 1.上面蓝色的是一个DIV，显示当前月分，和上月，下月。 2.下面的日期和星期，是用一个table结构存放数据。星期用thead,日期用：tbody存放。 [b]三、功能展开分析：[/b] 3.1、前两个功能? 　　让我想起使用JQUERY里面的toggle。很方便就可以解决。 3.2、让日历中显示当前月份日期数? 　　既然跟日期有关的，肯定会想起Deta这个对象了。在这个对象中，我们可以获取或设某年，某天，某月，某日，某星期几。但就是不能直接获取这一个月中有多少天。？怎么办呢？ 　　所以我们只能用判断了。根据当前月份的数值。来把天数存到一个变量当中。（对象获取到的当前月份要+1。国它是从零开始计算的）. 　　比如现在是五月，根据判断，五月是大，所以变量中就存31这个数值；即这个月有31天。 3.3、让当前月份的日期和星期几对应.？？ 　　这个问题，解决办法就是，获取到当月一号，对应的星期几。后面的就可以依次排列下去了。这里的依次排列，我理解的是，因为存放日期的都是TD标签，在TBODY里面这些TD的索引，都是排列好的，所以把一号插入到那个TD当中，后面的二号，就会插入到后一个TD当中了。 3.4、让左边两边的日历关联起来。 　　这里重点是“关联”:我最近写了“倒计时”,再就是这次的"联动日历"，还有让我想起了“联动下拉菜单”,比如省份和市的联动下拉菜单;这些都涉汲到“联动”. 　　我总结了一下，就是需要“联动”的东西，必定有一个“点”(先这么叫吧)，其它需要变化，都要和这个点相关联起来，这样改变这个点，其它和这个点关联的东西，也就都会发生改变，也就实现了“联动”这一效果。 　　比如，上次的“倒计时”，里面的“点”,就是当前时间和设定以后时间，之前相差的"总毫秒数"。倒计时显示的，时，分，秒，都和这个"总毫秒数"有关联，只要这个“总毫秒数”变化，那么时，分，秒，都会变化，这就是"联动"了. 　　这次的日历联动,里面的"点",就是当前创建日期对象后，获得的年，月。根据这个年，月，来去设置右边，即下个月该显示的东西。那么只要当前获取的年，月，有变化，后面的自然也会变化。也就“联动”了。 　　当然里面还是有点小多细节，处理。 [b]四、上代码，太长了，所以只放了结构，里面的内容可以下载文章最后的DEMO[/b]