//样式表
document.write("");
//显示HTML
document.write("");
document.write("");
document.write(" ");
document.write(" | 关闭 |
|---|
");
document.write(" | << | < | 今天 | > | >> |
|---|
");
document.write(" | 日 | 一 | 二 | 三 | 四 | 五 | 六 |
|---|
");
document.write(" ");
document.write(" ");
document.write("
");
var _calendar_objouter;
var _calendar_objInput;
var _calendar_isShow = true;
_calendar_objouter=document.getElementById("__calendar");
var calendarTable = document.getElementById("calendarTable");
_calendar_objouter.appendChild(calendarTable);
function setday(obj)
{
_calendar_objInput = obj;
initDate();//初始化日期,让输入框中的日期自动填充,并显示为这个日期的年月
writeDate();
sohwDate();
//在top和left数值后面加px,已保证在XHTML 1.0下FireFox中正常显示
_calendar_objouter.style.top =getAbsoluteHeight(_calendar_objInput)+getAbsoluteTop(_calendar_objInput)+"px";
_calendar_objouter.style.left =getAbsoluteLeft(_calendar_objInput)+"px";
_calendar_objouter.style.display = "block";
}
function initDate()
{
var initDay = new Date();
initDay.setFullYear(initDay.getFullYear());
if (_calendar_objInput.value != "")
{
initDay = strToDate(_calendar_objInput.value);
}
//NaN为IE错误日期返回值,Invalid Date为FireFox错误日期返回值
if(initDay!="NaN" && initDay!="Invalid Date")
{
_calendar_selectDay = initDay;
_calendar_tempYear = initDay.getFullYear();
_calendar_tempMonth = initDay.getMonth();
_calendar_tempDay = initDay.getDate();
}
}
//格式化字符串转换为日期型
function strToDate(str)
{
var arys= new Array();
arys=str.split('-');
var newDate=new Date(arys[0],arys[1]-1,arys[2]);
return newDate;
}
function getAbsoluteHeight(ob){return ob.offsetHeight;}
function getAbsoluteWidth(ob){return ob.offsetWidth;}
function getAbsoluteLeft(ob){var s_el=0;el=ob;while(el){s_el=s_el+el.offsetLeft;el=el.offsetParent;}; return s_el}
function getAbsoluteTop(ob){var s_el=0;el=ob;while(el){s_el=s_el+el.offsetTop ;el=el.offsetParent;}; return s_el}
var _calendar_daysInMonth = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
var _calendar_toDay = new Date();
var _calendar_tempYear = _calendar_toDay.getFullYear();
var _calendar_tempMonth = _calendar_toDay.getMonth();
var _calendar_selectDay = new Date();
var _calendar_tempDay = -1;
var _calendar_tbody = document.getElementById("calendarTbody");
var _calendar_sohwId = document.getElementById("calendarsohwdate");
var _calendar_thisYear = _calendar_toDay.getFullYear();
var _calendar_thisMonth = _calendar_toDay.getMonth();
function getDays(month, year)
{
if (1 == month) return ((0 == year % 4) && (0 != (year % 100))) || (0 == year % 400) ? 29 : 28;
else return _calendar_daysInMonth[month];
}
function writeDate() {
var curCal = new Date(_calendar_tempYear,_calendar_tempMonth ,1);
var startDay = curCal.getDay();
var daily = 0;
var today = _calendar_toDay.getDate();
if(_calendar_tempYear != _calendar_toDay.getFullYear() || _calendar_tempMonth != _calendar_toDay.getMonth()) today = -1;
var selectday = _calendar_tempDay;
if(_calendar_tempYear != _calendar_selectDay.getFullYear() || _calendar_tempMonth != _calendar_selectDay.getMonth()) selectday = -1;
var todayStyle = "";
var weekEndStyle = "";
var _calendar_tempDate;
clear();
var intDaysInMonth =getDays(curCal.getMonth(), curCal.getFullYear());
var weeks = (intDaysInMonth + startDay) % 7 == 0 ? (intDaysInMonth + startDay) / 7 : parseInt((intDaysInMonth + startDay ) / 7) + 1;
for (var intWeek = 1; intWeek <= weeks; intWeek++){
var tr = document.createElement("tr");
tr.setAttribute("onmouseover","javascript:this.className='cur'");
tr.setAttribute("onmouseout","javascript:this.className='com'");
tr.onmouseover = function (){this.className = "cur";}
tr.onmouseout = function (){this.className = "com";}
for (var intDay = 0;intDay < 7;intDay++){
var td = document.createElement("td");
if ((intDay == startDay) && (0 == daily))
daily = 1;
//对不同的日期,选择不同的样式显示形式
if(today == daily)
todayStyle="today";
else if(selectday == daily)
todayStyle="selectday";
else if (intDay == 6 || intDay == 0)
weekEndStyle = "week" ;
_calendar_tempDate=new Date(_calendar_tempYear,_calendar_tempMonth,daily+1)
if ((daily > 0) && (daily <= intDaysInMonth)) //显示时限定选择
{
if (_calendar_toDay.getTime()>_calendar_tempDate.getTime())
{
td.innerHTML = "" + daily + ""
}else{
td.innerHTML = "" + daily + "";
}
todayStyle = "";
weekEndStyle = "";
daily++;
}else{
td.innerHTML = " ";
todayStyle = "";
weekEndStyle = "";
}
tr.appendChild(td);
}
_calendar_tbody.appendChild(tr);
}
}
function getDate(day){
var year , month ,date;
if(day == "0"){
year = _calendar_toDay.getFullYear();
month = eval(_calendar_toDay.getMonth()+1) < 10 ? "0"+eval(_calendar_toDay.getMonth()+1) : eval(_calendar_toDay.getMonth()+1);
date = _calendar_toDay.getDate() < 10 ? "0"+_calendar_toDay.getDate() : _calendar_toDay.getDate();
}else{
year = _calendar_tempYear;
month = eval(_calendar_tempMonth+1) < 10 ? "0"+eval(_calendar_tempMonth+1) : eval(_calendar_tempMonth+1);
date = day < 10 ? "0"+day : day;
}
_calendar_objInput.value = year + "-" + month +"-"+ date;
close();
}
function sohwDate(){
_calendar_sohwId.innerHTML = _calendar_tempYear + "年" + eval(_calendar_tempMonth+1) +"月";
}
function preYear(){
_calendar_isShow = false;
if(_calendar_tempYear > 999 && _calendar_tempYear < 10000){
_calendar_tempYear--;
}else{
alert("年份超出范围（1000-9999）！");
}
sohwDate();
writeDate();
}
function nextYear(){
_calendar_isShow = false;
if(_calendar_tempYear > 999 && _calendar_tempYear < 10000){
_calendar_tempYear++;
}else{
alert("年份超出范围（1000-9999）！");
}
sohwDate();
writeDate();
}
function preMonth(){
_calendar_isShow = false;
if(_calendar_tempMonth >= 1){_calendar_tempMonth--}else{_calendar_tempYear--;_calendar_tempMonth = 11;}
sohwDate();
writeDate();
}
function nextMonth(){
_calendar_isShow = false;
if(_calendar_tempMonth == 11){_calendar_tempYear++;_calendar_tempMonth = 0}else{_calendar_tempMonth++}
sohwDate();
writeDate();
}
function clear(){
var nodes = _calendar_tbody.childNodes;
var nodesNum = nodes.length;
for(var i=nodesNum-1;i>=0;i--) {
_calendar_tbody.removeChild(nodes[i]);
}
}
function shut(){
close();
}
function close(){
_calendar_tempYear = _calendar_toDay.getFullYear();
_calendar_tempMonth = _calendar_toDay.getMonth();
_calendar_objouter.style.display = "none"
_calendar_objouter.style.top = 0;
_calendar_objouter.style.left = 0;
}
function vent(event){
if(document.all){
if(_calendar_isShow){
if (window.event.srcElement != _calendar_objouter && window.event.srcElement != _calendar_objInput) close();
_calendar_isShow = true;
return;
}
_calendar_isShow = true;
}else{
if(_calendar_isShow){
if(event.target != _calendar_objouter && event.target != _calendar_objInput) close();
_calendar_isShow = true;
}
_calendar_isShow = true;
}
}
document.onclick = vent;