怎么实现一个全年日历12个月缩略图在整个页面显示？内附图片。【标题要长】-Java教程-爱易网页

怎么实现一个全年日历12个月缩略图在整个页面显示？内附图片。【标题要长】

日期：2014-05-17　浏览次数：20763 次

如何实现一个全年日历12个月缩略图在整个页面显示？？？内附图片。。。。。。。。。【标题要长】
每个日期可以点击，日历与星期要对应上。

哪位有思路或实现方法，麻烦提供一下，感激不尽。

------解决方案--------------------
没必要自己写啊这样的日历控件多的是哦。。
------解决方案--------------------
这样的日历控件多的是，何必自己实现呢？如果只是练习的话可以考虑
------解决方案--------------------
给你推荐一款JS插件
http://dhtmlx.com/docs/products/dhtmlxScheduler/index.shtml?pl1
------解决方案--------------------
是啊，使用直接的日历控件即可。我记得当年我做的一个OA的时候，我就是用了一个日历控件，具体名字忘记了。楼主可以搜下。
但是楼主要考虑浏览器的兼容问题。
------解决方案--------------------

探讨
那个dhx貌似可以试试
不知老兄有没有中文说明文档

------解决方案--------------------
有很多很好的实用的日期选择器控件
------解决方案--------------------
en 这个地址就是楼主要的
http://dhtmlx.com/docs/products/dhtmlxScheduler/sample_basic.html
------解决方案--------------------

探讨
en 这个地址就是楼主要的
http://dhtmlx.com/docs/products/dhtmlxScheduler/sample_basic.html

------解决方案--------------------

JScript code


......
scheduler.setLoadMode("year");
......

------解决方案--------------------
上网搜一下吧！网上很多

------解决方案--------------------
是呀这个自已写太累了，网上有好多现成的

------解决方案--------------------
红的那个是什么意思？

------解决方案--------------------

Java code<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
html,body{ font-size:12px; font-family:"Courier New", Courier, monospace; margin:0px; padding:0px;}
#calendar{margin:50px;width:150px;font-size:12px;}
#calendar table{ border-collapse:collapse;}
#calendar table td{ height:20px; width:20px; border:1px solid #ff6600; text-align:center;}
#calendar .calendarTitle table .threetd{ width:62px;}
#calendar .calendarTitle table .twotd{ width:41px;}
#calendar .calendarTitle table td{ border-bottom:0px;}
.classOver{ background:#000000; color:#FFFFFF;}
.yearContainer{background:#ffffff;border:1px solid #ff6600;position:absolute;width:62px;}
.yearContainer ul{list-style:none;margin:0px;padding:0px;}
.yearContainer ul li{height:18px;line-height:18px;display:block;text-align:center;}
.monthContainer{background:#ffffff;border:1px solid #ff6600;position:absolute;width:41px;}
.monthContainer ul{list-style:none;margin:0px;padding:0px;}
.monthContainer ul li{height:18px;line-height:18px;display:block;text-align:center;}
a{ text-decoration:none; color:#990000;}
</style>
</head>

<body>


<script type="text/javascript">
 var titleTable="<div id=\"calendar\"><div class=\"calendarTitle\">";
 titleTable+="<table width=\"0%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr><td>";
 titleTable+="<a href=\"javascript:void(0)\" onclick=\"SloppyJs.calendar.getNewTime('b')\"  onfocus=\"this.blur()\" title='上月'><</a></td>";
 titleTable+="<td class=\"threetd\" id=\"currentYear\" onclick=\"SloppyJs.calendar.writeDivString('currentYear','yeartype')\"> </td>";
 titleTable+="<td class=\"twotd\" id=\"currentMonth\" onclick=\"SloppyJs.calendar.writeDivString('currentMonth','monthtype')\"> </td>&qu

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

怎么实现一个全年日历12个月缩略图在整个页面显示？内附图片。【标题要长】

相关资料更多>

推荐阅读更多>