javascript实现calendar_javascript:showcalendar-优快云博客

该博客展示了使用JavaScript实现日历功能的代码。包含calendar.js和calendar.jsp文件，其中定义了显示日历窗口、判断闰年、获取星期、选择日期等多个函数，通过这些函数实现了日历的显示、日期选择、年月切换等功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

calendar.js的内容：
function showCalendar(id) {
showx = event.screenX - event.offsetX - 4 - 210 ; // + deltaX;
showy = event.screenY - event.offsetY + 18; // + deltaY;

url = "/EduMIS/web/js/calendar/calendar.jsp?id=" + id;
window.open(url, "日历", "height=180px; width=200px; left="+showx+"px; top="+showy+"px; status=no; directories=yes;scrollbars=no;resizable=no; " );
}

calendar.jsp的内容：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>日历</title>
<style>
td {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

</style>

</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" width="180">
<tr><td id=cc>
</td></tr></table>
</body>

}

function chooseday(The_Year,The_Month,The_Day)
{
var Firstday;
var completely_date;
if (The_Day!=0)
completely_date = The_Year + "-" + The_Month + "-" + The_Day;
else
completely_date = "No Choose";
//showdate 只是一个为了显示而采用的东西，
//如果外部想引用这里的时间，可以通过使用 completely_date引用完整日期
//也可以通过The_Year,The_Month,The_Day分别引用年，月，日
//当进行月份和年份的选择时，认为没有选择完整的日期
//showdate.innerText = completely_date;
Firstday = GetWeekday(The_Year,The_Month);
ShowCalender(The_Year,The_Month,The_Day,Firstday);

}

function clickDay(The_Year,The_Month,The_Day) {

if(The_Month < 10) {
The_Month = "0" + The_Month;
}
if(The_Day < 10) {
The_Day = "0" + The_Day;
}
var Firstday;
var completely_date;
if (The_Day!=0)
completely_date = The_Year + "-" + The_Month + "-" + The_Day;
else
completely_date = "No Choose";

calendarId='<%=request.getParameter("id")%>';
obj = eval("window.opener.document.all." + calendarId);
obj.innerText = completely_date;
window.close();
}

function nextmonth(The_Year,The_Month)
{
if (The_Month==12)
chooseday(The_Year+1,1,0);
else
chooseday(The_Year,The_Month+1,0);
}

function prevmonth(The_Year,The_Month)
{
if (The_Month==1)
chooseday(The_Year-1,12,0);
else
chooseday(The_Year,The_Month-1,0);
}

function prevyear(The_Year,The_Month)
{
chooseday(The_Year-1,The_Month,0);
}

function nextyear(The_Year,The_Month)
{
chooseday(The_Year+1,The_Month,0);
}

}

</script>

var The_Year,The_Day,The_Month;
var today;
var Firstday;
today = new Date();
The_Year = today.getYear();
The_Month = today.getMonth() + 1;
The_Day = today.getDate();
Firstday = GetWeekday(The_Year,The_Month);
ShowCalender(The_Year,The_Month,The_Day,Firstday);
</script>
<div id=showdate></div>
</html>