javascript html实现网页版日历代码

javascript日历

22 浏览量更新于2023-05-09 收藏 30KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源推荐

javascript html实现网页版日历代码实现网页版日历代码

主要介绍了javascript html实现网页版日历代码,需要的朋友可以参考下

本文实例为大家分享了网页版日历代码，供大家参考，具体内容如下

效果图：

实现代码：

<html>

<head>

<style>

<!--

table{ text-align: center }

-->

</style>

</head>

<body>

var my = new Date();

function showc() {

var k=1;

var j=1;

var today;

var tomonth;

var theday=1;//日期

var max;

var temp;

var tempday;//这个月第一天的星期

document.write ("" + my.getFullYear() + "-" + (my.getMonth()+1) + "");

document.write ("<table border='1' width='273' height='158'>");

document.write ("<tr>");

document.write ("<td height='23' width='39'><font color='red'>Sun</font></td>");

document.write ("<td height='23' width='39'>Mon</td>");

document.write ("<td height='23' width='39'>Tue</td>");

document.write ("<td height='23' width='39'>Wed</td>");

document.write ("<td height='23' width='39'>Thu</td>");

document.write ("<td height='23' width='39'>Fri</td>");

document.write ("<td height='23' width='39'>Sat</td>");

document.write ("</tr>");

temp=my.getDate();

my.setDate(1);

//document.write (my.getDate());

tempday=my.getDay();//返回第一天是星期几

my.setDate(temp);

today=my.getDay();//返回现在星期几

switch ((my.getMonth()+1)) {

case 1:

case 3:

case 5:

case 7:

case 8:

case 10:

case 12:

max=31;

break;

case 4:

case 6:

case 9:

case 11:

max=30;

break;

default:

max=29;//这里没有考虑闰月！！

//document.write (max);

}

for(k=0;k<6;k++) {

document.write ("<tr>");

for(j=0;j<=6;j++) {

document.write ("<td height='23' width='39'>");

if(j>=(tempday)) {

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

weixin_38631960

粉丝: 5
资源: 921

会员权益专享

javascript html实现网页版日历代码

html版的万年历

web日历组件

JS实现万年历

html 日历网页代码

javascript日历时钟

利用HTML、CSS、JavaScript技术实现万年历页面

selenium jquery日历插件代码

使用JavaScript写一个当月日历表

javascript日历

js实现点击input框 日历显示

用JavaScript写一个日历

用javaScript写一个日历

html怎么显示农历日历

怎么在日历下面加时间选择代码

Vue3代码实现日历组件

利用JavaScript编写一个日历表

微信小程序，日历上记录月经时间、预测月经时间代码 使用 Okr日历插件 代码

怎么在日历下面加时间选择器代码

vue手写日历的代码详解

微信小程序日历实现思路 代码

会员权益专享

最新资源

js实现点击input框日历显示

微信小程序，日历上记录月经时间、预测月经时间代码使用 Okr日历插件代码

微信小程序日历实现思路代码