87,917
社区成员
发帖
与我相关
我的任务
分享请发表友善的回复…
发表回复
liu137756 2014-09-01
- 打赏
- 举报
分全部给你了噢
liu137756 2014-08-29
- 打赏
- 举报
可以具体一点吗。最好来一个列子
霖雨 2014-08-29
- 打赏
- 举报
实在无聊，写了个例子，分都给我吧；
霖雨 2014-08-29
- 打赏
- 举报
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
.customDiv
{
border-left:1px gray solid;
border-right:1px gray solid;
border-bottom:1px gray solid;
border-top:4px gray solid;
padding-bottom:5px;
padding-left:2px;
padding-right:2px;
}
.customDate td
{
border-bottom:1px blue solid;
width:80px;
height:55px;
border-right:1px gray solid;
}
.customChoose
{
border-bottom:0px blue solid !important;
border-top:4px blue solid !important;
border-left:1px blue solid !important;
border-right:1px blue solid !important;
}
.customLeft
{
border-left:0px gray solid !important;
width:30px !important;
}
.customRight
{
border-right:0px gray solid !important;
width:30px !important;
}
</style>
</head>
<body>
<div class="customDiv">
<div style="display:none" id="HiddenDate"></div>
<table class="customDate" style="width:100%" cellpadding="0" cellspacing="0">
<tr>
<td width="30" class="customLeft" onclick="TurnLeft()">Left</td>
<td id="custom1" class="customChoose" onclick="Choose(this)"> </td>
<td id="custom2" onclick="Choose(this)"> </td>
<td id="custom3" onclick="Choose(this)"> </td>
<td id="custom4" onclick="Choose(this)"> </td>
<td id="custom5" onclick="Choose(this)"> </td>
<td id="custom6" onclick="Choose(this)"> </td>
<td id="custom7" onclick="Choose(this)"> </td>
<td id="custom8" onclick="Choose(this)"> </td>
<td id="custom9" onclick="Choose(this)"> </td>
<td width="30" class="customRight" onclick="TurnRight()">Right</td>
</tr>
</table>
</div>
<script type="text/javascript">
var date = new Date();
date = date.valueOf()
date = date - 4 * 24 * 60 * 60 * 1000;
date = new Date(date);
year = date.getFullYear();
month = date.getMonth() + 1;
date = date.getDate();
document.getElementById("HiddenDate").innerText = year + "/" + month + "/" + date + " 00:00:00";
InitDate();
function Choose(obj)
{
var id = obj.id;
for(var i = 1;i < 10;i++)
{
document.getElementById("custom" + i).className = "";
}
document.getElementById(id).className = "customChoose";
}
function TurnLeft()
{
var date = new Date(document.getElementById("HiddenDate").innerText);
date = date.valueOf()
date = date - 9 * 24 * 60 * 60 * 1000;
date = new Date(date);
year = date.getFullYear();
month = date.getMonth() + 1;
date = date.getDate();
document.getElementById("HiddenDate").innerText = year + "/" + month + "/" + date + " 00:00:00";
InitDate();
}
function TurnRight()
{
var date = new Date(document.getElementById("HiddenDate").innerText);
date = date.valueOf()
date = date + 9 * 24 * 60 * 60 * 1000;
date = new Date(date);
year = date.getFullYear();
month = date.getMonth() + 1;
date = date.getDate();
document.getElementById("HiddenDate").innerText = year + "/" + month + "/" + date + " 00:00:00";
InitDate();
}
function InitDate()
{
for(var i = 1;i < 10;i++)
{
document.getElementById("custom" + i).className = "";
}
document.getElementById("custom5").className = "customChoose";
for(var i = 1;i <= 9;i++)
{
date = document.getElementById("HiddenDate").innerText;
document.getElementById("custom" + i).innerText = GetDate(date,i - 1);
}
}
function GetDate(currentDate,num)
{
var date = new Date(currentDate);
date = date.valueOf()
date = date + num * 24 * 60 * 60 * 1000;
date = new Date(date);
this.year = date.getFullYear();
this.month = date.getMonth() + 1;
this.date = date.getDate();
this.day = new Array("周日", "周一", "周二", "周三", "周四", "周五", "周六")[date.getDay()];
this.hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
this.minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
this.second = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
var currentTime = this.month + "-" + this.date + " " + this.day;
return currentTime;
}
</script>
</body>
</html>
霖雨 2014-08-27
- 打赏
- 举报
http://www.cnblogs.com/wdw31210/archive/2012/06/27/2565865.html
获取星期和日期可以参考这个博客；
然后用for循环拼成一个table，左右翻页、选中当前页都可以用jquery来实现；
文盲老顾 2014-08-27
- 打赏
- 举报
另外，JS new Date 的时候，输入的参数他可以自动纠错，比如输入 new Date(2014,1,32)，返回的结果就是 2014-3-4
new Date(2014,12,1) 返回的是 2015-1-1，都不需要你考虑跨年跨月什么的
至于滚动，自己用 div 浮动一下
文盲老顾 2014-08-27
- 打赏
- 举报
获取所有日期很简单啊
var d1 = new Date(2014,7,1);
var d2 = new Date(2014,8,1);
for (var i = d1.getTime() ; i < d2.getTime() ; i += 24*60*60*1000){
var d3 = new Date(i);
}
