时间轴 JS怎么实现啊 求大神

jzj19921204 2015-08-25 09:28:24

图片是我目前达到的效果图，下面是部分代码。我目前是把每个月份做成一个table，并且里面的日期和星期几是写死的。
求大神解答，我的想要的效果是点击年份的两个按钮后能改变年份，并改变对应的日期和星期几，（包括考虑闰年）。

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<%@page import="java.util.ArrayList"%><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery-2.1.1.js"></script>
<script type="text/javascript" src="js/timeline.js"></script>

</head>
<body>
<div style="margin-left: 200px;">
<button id="previous"><---</button><span id="year">2015</span><button id="next">---></button>
<br>
<br>
<div style="border: 1px solid;width:320px;">
<table border="0">
<tr>
<td bgcolor="red">  </td>
<td>门诊就医</td>
<td bgcolor="purple">  </td>
<td>住院就诊</td>
<td bgcolor="green">  </td>
<td>检查</td>
<td bgcolor="blue">  </td>
<td>检验</td>
<td bgcolor="yellow">  </td>
<td>手术</td>
</tr>
</table>
</div>
<br>
<b>2015年1月：</b>
<table border="1">
<tr>
<td>四</td>
<td>五</td>
<td>六</td>
<td>日</td>
<td>一</td>
<td>二</td>
<td>三</td>
<td>四</td>
<td>五</td>
<td>六</td>
<td>日</td>
<td>一</td>
<td>二</td>
<td>三</td>
<td>四</td>
<td>五</td>
<td>六</td>
<td>日</td>
<td>一</td>
<td>二</td>
<td>三</td>
<td>四</td>
<td>五</td>
<td>六</td>
<td>日</td>
<td>一</td>
<td>二</td>
<td>三</td>
<td>四</td>
<td>五</td>
<td>六</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
<td>31</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
...全文
418 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
执笔记忆的空白 2015-08-25
  • 打赏
  • 举报
 回复
点击向左或者向右箭头时，获取两个箭头中间的年份，然把年份传入后台，后台计算出这个日历返回 可根据这个来操作
jzj19921204 2015-08-25
  • 打赏
  • 举报
 回复
怎么用呀，，，我是一个小菜鸟=；=
「已注销」 2015-08-25
  • 打赏
  • 举报
 回复
这样全部写出来好麻烦的吧,为何不用个日期控件呢,可以用My97DatePicker
jzj19921204 2015-08-25
  • 打赏
  • 举报
 回复


重新上了一张图，只要完成这样的就行。
autoJS1688示例.zip
实例简介】autojs例子大全，一千六百多个脚本,简单的到复杂的例子，统统有，小白学完马上变大神，大神学了变超神。 脚本内容包含： 几十种类型的UI脚本，抖音、QQ、微信、陌陌、支付宝等自动化操作的脚本、还有部分协议列表，HTTP协议(POST、GET)上传下载，接码模块，百度文字识别api模块，文件操作模块：txt文本读一行删一行，等等其他例子 【实例截图】 【核心代码】 └─1688 !运动点赞!.js (qq语音红包.js (协议)快阅读.js (可修改王者荣耀启动动画)视频播放器(1).js (实?).js (小瓜)九州行(720x1440)多账号游戏辅助.js -控件集合.js -控件集合2.js 0(1).js 0(2).js 0.js 00-仿真曲线滑动2.js 00-关闭指定应用-通用版.js 00-本地时间及网络时间验证改版.js 00-正则匹配关闭应用-适用大部分手机(1).js 00-正则匹配关闭应用-适用大部分手机.js 00-简化点击控件.js 00-结束事件与结束应用(1).js 00-结束事件与结束应用.js 00-读&删指定文本行.js 00-读取txt文本每一行&去空格.js 00-通知相册.js 001-Hello JS.js 002-if条件.js 003-循环break.js 004-循环for.js 005-循环while.js 0根据图色点击.js 0计分器.js 1(1).js 1.js 1024下载.js 11.js 111.js 11111111111.js 12.js 1233.js 1543275531466-mysl.js 18禁 小撸怡情，大撸伤身.js 190620_计算器.js 1gps码表.js 1别踩白块.js 1当前页面所有文字内容.js 1怎样动态增加text标签.js 1截图脚本.js 1提取QQ收藏完整内容.js 1改变字体颜色大小和内容.js 1易码获取短信.js 1查询本机IP地理位置.js 1比1比4悬浮窗可限制显示行数.js 1求交集.js 1爬取bilibili视频弹幕.js 1箭头函数和function的this对比.js 1鸣人分身.js 2.0示例脚本合集.js 2.js 2.离线文字转语音~发声器.js 2018-05-16.js 2018年刑侦科推理题.js 2019-10-13蚂蚁森林.js 2048全自动(1).js 2048全自动.js 2048游戏机(1).js 2048游戏机(2).js 2048游戏机(3).js 2048游戏机(4).js 2048游戏机.js 2048游戏机UI版.js 2048玲珑棋局.js 2与 y960对比颜色找顶点.js 3d视角.js 6.0start(1).js 6.0start(2).js 6.0start(3).js 6.0start.js 643个城市数组.js 6（0.51）.js 8.0打开关闭网络usb共享.js 9420-麦小兜(1).js 99乘法表.js a5main.js activity.js AD790179-8D8A-4CC6-BF68-25D58C7FD745.js adb5037常用命令.js aes加解密000.js AES加解密demo.js after work.js AJ-网易云签到.js AJ_api_search(1).js AJ_api_search.js aj内置文件管理.js AJ功能搜索(1).js AJ功能搜索.js aj数据文件管理.js Alipay_collect_energy_Optimize.js Animal.js Ant_forest.js apk打包成js格式.js(1).js apk打包成js格式.js.js app启动停止和输入(2)(1).js app启动停止和输入(2).js Auto.JS悬浮按钮(第二版).js Auto.JS悬浮按钮大柒(第二版).js Auto.js悬浮知识点.js Auto.js教程浏览器.js auto.js无root取短信.js autoGetCatCoin.js autojs常用函数(1).js autojs开启无障碍.js Autojs悬浮按钮(全版本可用).js Autojs悬浮按钮.js autojs爬取百度贴吧.js AvlTree(平衡树).js AvlTree.js badapple.js Base64(1).js base64.js Base64_Codec.js base64和des.js bmob上传文件.js bmob用户表的增删改查.js bmob用户验证demo.js bmob示例-对象的增删改查.js caiji.js Calender.js canvas画正方形.js ceshi.js click控件获取坐标位置.js ColorMatrix处理图片↘颜色矩阵.js ColorMatrix颜色矩阵的用法.js common(1).js common.js config.js DailyTask.js DensityUtil.js didi.js digit.js dou_yin_yang_hao(1).js dou_yin_yang_hao.js download.js drawBitMap之平移佐罗.js dy.js dy抖音评论.js en.js enable.js exec的实践.js fab.js fenduan.js Fermat素性测试.js file_chooser_dialog.js FlashPictureGet(1).js Fuck加密机(不支持注释不支持双斜杠不支持ui).js funnyEncoderPlus2.0.js gestures动作数据生成.js getPixels参数详解.js gitee-webhook.js git常用命令.js gpsui.js gps时间获取.js HAHA小视频无限撸money(无解说).js hello语音刷房脚本(雷电).js hl4a.js HTTP请求.js http超时返回null.js ID3MusicDealer.js installInfo.js intent安装apk.js Intent生成器(2).js Intent生成器(3).js Intent生成器.js ipv6聊天室.js ipv6聊天室2.0.js.js ip地址查询.js ip地址查询UI.js java.js java代码改成autojs过程.js JD_Captcha_Test.js jimu.js jm_plp.js jquery1.js jsdroid.js json格式化.js jsoupDemo.js JS代码加密例子.js js加密器.js js块级作用域.js js查询.js js进阶教程02.js js进阶教程03.js juexin_Qtiao.js LayoutInflater.js leimu.js listView勾选框丢了怎么解决.js list隔行变色.js long.js long2.js ls_socket.js lunar.js LZ动作.js main(1)(1).js main(1)(2).js main(1)(3).js main(1)(4).js main(1).js main(10).js Main(11).js main(12).js main(13).js main(14).js main(2)(1).js main(2).js main(3).js main(5).js main(6).js main(7).js main(9).js main.js match的实践.js md5(1).js
如何学JavaScript？前辈的经验之谈
鉴于时不时，有同学私信问我怎么学前端的问题。 这里统一回复一下，如下次再遇到问我此问题同学，就直接把本文链接地址发给你了。 首先说句题外话。关于有人管我叫大神的事情。 个人感觉这跟你买东西时，人家管你叫帅哥一样，你答应与否都无妨。 正题开始，前端怎么学，应该因人而异，别人的方法未必适合自己。 就说说我的学习方法吧。 我把大部分时间放在学习js上了。因为这个js的学习曲线，先平后陡。 项目实践和练习啥的，我不说了，主要说下工作之外的时间利用问题。 我是怎么学的呢，看书，分析源码。 个人这几天统计了一下，前端书籍目前看了50多本吧。大部分都是js的。市面上的书基本，差不多都看过。 第一个问题是，看
Vue全家桶基础+实战高仿美团外卖App
【为什么前端都要学习Vue】 这几年Vue.js成为前端框架中最火的一个。越来越多的网站前端开始采用Vue.js开发。是开源世界华人的骄傲，作者是我国的尤雨溪大神。相对于其他前端框架，Vue 更容易上手！正因为它简单易学，很多前端开发工程师可以很快掌握并且应用到实际开发中。如果说你想用最短的时间来学习一个框架，快速上手项目，Vue是不二之选。 【学员收益】 1）大部分学员想要学习Vue，但是无奈缺少一个好老师，董老师将手把手带领你学习，让你彻底掌握Vue框架。 2）课程将会长期维护，内容更超值，本课程基于最新的版本进行讲解，并且老师会更新升级到3.0稳定版本。 3）学完该课程后不仅能学到Vue的设计和开发技能，还能培养市场思维、用户思维、设计思维，并能够利用掌握的技术开发Vue项目，获取额外的收益。 【课程收获】 1、从基础知识到项目实战，内容涵盖Vue各个层面的知识和技巧2、学习曲线平缓，前端新人也可以看得懂3、贴近企业项目，按照企业级代码标准和工程开发的流程进行讲解4、让你能够独立开发高颜值的项目 5、项目涉及14大功能组件，从基础组件到业务组件，一站式全掌握
eatBoss-master1
老板 这是一个『天堂M』手游吃王的线机器人，里面提供了很多功能。 1.作者介绍-孟宗竹 作者本身也是一个天堂爱好者，目前依然在这深坑里面挣扎中，期待的哪一天可以毕业。会开始写这工具，是因为一开始吃王的时候总是把时间搞错，或者时间过了才想起刚刚王记吃王了...在各种遗憾的本质下开始开始这工具。作者：命运女神-兔盟（怎么可以吃兔兔）-孟宗竹 2.架站需求 这工具主要是利用Node.js开发完成，同时须搭配Line Messages API和MySQL 。所以如果你有需要使用该工具的话，需要有基础的架站能力，不过现在网路资源很多相信各位一定都可以成功的。 3. Node.js 这是我第一次写Node.js ，算是新手作品，所以如果有大神路过请别太苛责，但我也会虚心接受各位的代码审查的！这个需要一个Node.js环境，网路有很多教学文章，同时也有足够免费的服务可以架设Node.js ，作者本身是架
大神教你学JavaScript
鉴于时不时，有同学私信问我怎么学前端的问题。这里统一回复一下，如下次再遇到问我此问题同学，就直接把本文链接地址发给你了。首先说句题外话。关于有人管我叫大神的事情。个人感觉这跟你买东西时，人家管你叫帅哥一样，你答应与否都无妨。正题开始，前端怎么学，应该因人而异，别人的方法未必适合自己。就说说我的学习方法吧。我把大部分时间放在学习js上了。因为这个js的学习曲线，先平后陡。项目实践和练习啥的，我不说了...
Web 开发

81,092

社区成员

341,716

社区内容

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章