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

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

效果图：

实现代码：

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 ("

");

document.write ("

Sun");

document.write ("

Mon");

document.write ("

Tue");

document.write ("

Wed");

document.write ("

Thu");

document.write ("

Fri");

document.write ("

Sat");

document.write ("

");

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 ("

");

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

document.write ("

");

if(j>=(tempday)) {

tempday=0;//设置为最小，相当于取消判断条件

if(theday<=max) {

document.write ("");

if(theday==my.getDate())

document.write ("[" + theday + "]");

else if(j==0)

document.write ("" + theday + "");

else

document.write (theday + "");

theday++;

}

document.write ("

");

}

document.write ("

");

}

document.write ("

");

}

showc();

以上就是本文的全部内容，希望大家可以轻松实现网页版日历。

html网页之日历代码,javascript html实现网页版日历代码相关推荐

HTML5期末大作业——抗击疫情感动人物-逆行者(6页)专题网页设计 HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计
HTML5期末大作业--抗击疫情感动人物-逆行者(6页)专题网页设计 HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计常见网页设计作业题材有个人. 美 ...
下雪html特效代码,JavaScript 实现下雪特效的示例代码
直接上代码下雪效果实现 body,html{ overflow: hidden; } var snowflakes = { arr:[],// 数组盛放元素 snowflake : [//雪花类型 ...
html一键短信代码,javascript发送短信验证码实现代码
本文首先分析手机发送验证码的原理,再对javascript发送短信验证码予以实现,具体思路如下: 实现点击"发送验证码"按钮后,按钮依次显示为"59秒后重试". ...
用html制作简单日历,用javascript实现一个简单的日历
有些时候我们翻看别人的博客的时候,会发现有一个日历面板,可以点击左右按钮查看上下个月的日历,那么这是怎么实现的呢?其实并不难,主要就是用javascript的date()方法. 先看效果图: 具体代码 ...
js网页打印,js打印,javascript局部打印,网页局部打印方法
一.css控制网页局部打印举例: <div class="noprint" > <table style="margin:0 auto;width:5 ...
php活动倒计时代码,JavaScript实现活动倒计时效果的代码分享
这篇文章主要为大家详细介绍了基于JavaScript实现活动倒计时效果,距离活动时间还剩多少,具有一定的参考价值,感兴趣的小伙伴们可以参考一下本文实例为大家分享了js倒计时效果的具体代码,供大家参考 ...
爱情表白网页动画js特效 JavaScript爱情表白网页动画特效
❤ 精彩专栏推荐
HTML5期末大作业：动漫网站设计——迪斯尼公主(6个页面) HTML+CSS+JavaScript 动漫网页HTML代码学生网页课程设计期末作业下载动漫大学生网页设计制作成
HTML5期末大作业:动漫网站设计--迪斯尼公主(6个页面) HTML+CSS+JavaScript 动漫网页HTML代码学生网页课程设计期末作业下载动漫大学生网页设计制作成临近期末, 你还在为 ...
期末作业成品代码——绿色的餐饮美食网站(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕设网页设计源码
HTML5期末大作业:餐饮美食网站设计--绿色的餐饮美食网站(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕设网页设计源码常见网页设 ...
HTML5期末大作业：运动系列——NBA篮球主题学生网页设计(7个页面) HTML+CSS+JavaScript 体育网页设计HTML代码学生网页课程设计期末作业下载大学生网页设计制作成
HTML5期末大作业:运动系列--NBA篮球主题学生网页设计(7个页面) HTML+CSS+JavaScript 体育网页设计HTML代码学生网页课程设计期末作业下载大学生网页设计制作成临近期末 ...

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

html网页之日历代码,javascript html实现网页版日历代码相关推荐

最新文章

热门文章