js实现会议室预约功能的 问题

请大神给点思路 目前实现了一部分不知道该如何实现这个功能了·
先贴张图：
目前主要要实现的功能就是：
1上面日期 里面显示当天可以预约的块  比如 当点击8.1号的框的时候 预约 的 disabled 被清除  变为可点击项  还有个问题就是 点击预约的时候只能挨着点击 不可跨越 每个框是半小时    点预约的时候会有个弹框出现 然后把 当前预约的信息写进去~
如果选择多个时间段 的话 取出 前一个 后最后一个时间段的时间 放弹框里面

目前已经写好了 一部分代码···

目前只有第一排点击有小 其它 该怎么循环~    请大神给搞下 谢谢~

2 个解决方案

#1

点击预约的时候只能挨着点击 不可跨越 每个框是半小时 

问题是在这里吗？
可以给每个小框一个class  命名为 class09 class10 class11 class12
每次点击的时候，判断一下id ++ 或者-- 的时候那个对象是否是选中状态

当天的才是可选，js可以获取当天的时间

但是提交数据到后台的时候，所选的时间还是要判断一下，防止客户端时间与服务器时间不统一出bug

#2

引用 1 楼 javascript_2011 的回复:

点击预约的时候只能挨着点击 不可跨越 每个框是半小时 

问题是在这里吗？
可以给每个小框一个class  命名为 class09 class10 class11 class12
每次点击的时候，判断一下id ++ 或者-- 的时候那个对象是否是选中状态

当天的才是可选，js可以获取当天的时间

但是提交数据到后台的时候，所选的时间还是要判断一下，防止客户端时间与服务器时间不统一出bug

在帮忙看下呗 我又贴了代码了  http://bbs.csdn.net/topics/390870873