可以多选的日历 js实现无刷新提交

最新推荐文章于 2014-07-02 09:10:00 发布

置顶 xiaofeiyanailina

最新推荐文章于 2014-07-02 09:10:00 发布

阅读量1.1k

点赞数 2

文章标签：日历 calendar function class iframe button

本文链接：https://blog.csdn.net/xiaofeiyanailina/article/details/5774332

版权

做项目突然使用到这个东西，累了一天才弄好，分享给大家看看，扩张性很好的，好了，不废话了，发下代码

calendar.js

/**
* 亦佳网日历多选程序
* ============================================================================
* 版权所有 2010 济南亦佳网，并保留所有权利。
* 网站地址: http://www.jz112.com；
* ----------------------------------------------------------------------------
* 这不是一个自由软件！您只能在不用于商业目的的前提下对程序代码进行修改和
* 使用；不允许对程序代码以任何形式任何目的的再发布。
* ============================================================================
* $Author: xiaofeiyan $
* $Id: calendar.js 2010-07-29 16:28 $
*/
var ie =navigator.appName=="Microsoft Internet Explorer"?true:false;
function $(objID){
return document.getElementById(objID);
}
sty='<style>';
sty+='/*DateCSS样式*/';
sty+='.header {font: 12px Arial, Tahoma !important;font-weight: bold !important;font: 11px Arial, Tahoma;font-weight: bold;color: #154BA0;background:#C2DEED;height: 25px;padding-left: 10px;';
sty+='}';
sty+='.header td {padding-left: 10px;}';
sty+='.header a {color: #154BA0;}';
sty+='.header input {background:none;vertical-align: middle;height: 16px;}';
sty+='.category {font: 12px Arial, Tahoma !important;font: 11px Arial, Tahoma;color: #92A05A;height:20px;background-color: #FFFFD9;}';
sty+='.category td {border-bottom: 1px solid #DEDEB8;}';
sty+='.expire, .expire a:link, .expire a:visited {color: #999999;}';
sty+='.default, .default a:link, .default a:visited {color: #000000;}';
sty+='.checked, .checked a:link, .checked a:visited {color: #FF0000;}';
sty+='.today, .today a:link, .today a:visited {color: #00BB00;}';
sty+='#calendar_year {display: none;line-height: 130%;background: #FFFFFF;position: absolute;z-index: 10;}';
sty+='#calendar_year .col {float: left;background: #FFFFFF;margin-left: 1px;border: 1px solid #86B9D6;padding: 4px;}';
sty+='#calendar_month {display: none;background: #FFFFFF;line-height: 130%;border: 1px solid #86B9D6;padding: 4px;position: absolute;z-index: 11;}';
sty+='.tableborder {background: white;border: 1px solid #86B9D6;}';
sty+='#year,#month{padding-right:10px;}';
sty+='</style>';
document.writeln(sty);

}
function refreshcalendar(y, m) {

x.setDate(++d);
}
while(d + mv <= 42) {
dd = $("d" + (d + mv));
dd.innerHTML = " ";
d++;
}

}
function showdiv(id) {
var p = getposition($(id));
$('calendar_' + id).style.left = p['x']+'px';
$('calendar_' + id).style.top = (p['y'] + 16)+'px';
$('calendar_' + id).style.display = 'block';
}
function zerofill(s) {
var s = parseFloat(s.toString().replace(/(^[/s0]+)|(/s+$)/g, ''));
s = isNaN(s) ? 0 : s;
return (s < 10 ? '0' : '') + s.toString();
}

function senddate()
{
var isIE = (document.all) ? true: false;
//为每个实例创建不同的iframe
_FrameName = "Frame_" + Math.floor(Math.random() * 1000);
//ie不能修改iframe的name
var oFrame = isIE ? document.createElement("<iframe name=/"" + _FrameName + "/">") : document.createElement("iframe");
oFrame.style.display = "";
//为ff设置name
oFrame.name = _FrameName;
document.body.insertBefore(oFrame, document.body.childNodes[0]);
//动态创建表单
var f = document.createElement("form");
document.body.appendChild(f);
//动态创建隐藏表单域
var i = document.createElement("input");
i.type = "hidden";
var j = document.createElement("input");
j.type = "hidden";
//添加到表单中
f.appendChild(i);
f.appendChild(j);
i.value = billid;
i.name = "billid";
j.value = seldate;
j.name = "seldate";
f.method = "post";
f.target=_FrameName;
f.action = "http://lwww.jz112.com/guestbook.php";
f.submit();

}
rili.htm
<html>
<head>
<meta http-equiv="content-Type" content="text/html;charset=utf-8">
<title>兼容火狐,苹果的Js日期选择-支持多选-亦佳网</title>

</style>
<script type="text/javascript" language="javascript" src="calendar.js">
</script>
</head>
<body>

xiaofeiyanailina

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
可以多选的日历 js实现无刷新提交

<br />做项目突然使用到这个东西，累了一天才弄好，分享给大家看看，扩张性很好的，好了，不废话了，发下代码<br />calendar.js<br />/**<br /> * 亦佳网日历多选程序<br /> * ============================================================================<br /> * 版权所有 2010 济南亦佳网，并保留所有权利。<br /> * 网站地址: http://www.jz112.com；<b
复制链接

扫一扫