求日历的HTML代码..._随笔

网页台历代码如下：<html>

<head>

<title>网页上的日期台历</title>

<STYLE>

A.menuitem {

COLOR: menutextTEXT-DECORATION: none

}

A.menuitem:hover {

COLOR: highlighttextBACKGROUND-COLOR: highlight

}

DIV.contextmenu {

BORDER-RIGHT: 2px outsetBORDER-TOP: 2px outsetZ-INDEX: 999VISIBILITY: hiddenBORDER-LEFT: 2px outsetBORDER-BOTTOM: 2px outsetPOSITION: absoluteBACKGROUND-COLOR: buttonface

}

</STYLE>

</head>

<body>

function Year_Month(){

var now = new Date()

var yy = now.getYear()

var mm = now.getMonth()+1

var cl = '<font color="#0000df">'

if (now.getDay() == 0) cl = '<font color="#c00000">'

if (now.getDay() == 6) cl = '<font color="#00c000">'

return(cl + yy + '年' + mm + '月</font>')}

function Date_of_Today(){

var now = new Date()

var cl = '<font color="#ff0000">'

if (now.getDay() == 0) cl = '<font color="#c00000">'

if (now.getDay() == 6) cl = '<font color="#00c000">'

return(cl + now.getDate() + '</font>')}

function Day_of_Today(){

var day = new Array()

day[0] = "星期日"

day[1] = "星期一"

day[2] = "星期二"

day[3] = "星期三"

day[4] = "星期四"

day[5] = "星期五"

day[6] = "星期六"

var now = new Date()

///

var cl = '<font color="#0000df">'

if (now.getDay() == 0) cl = '<font color="#c00000">'

if (now.getDay() == 6) cl = '<font color="#00c000">'

return(cl + day[now.getDay()] + '</font>')}

function CurentTime(){

var now = new Date()

var hh = now.getHours()

var mm = now.getMinutes()

var ss = now.getTime() % 60000

ss = (ss - (ss % 1000)) / 1000

var clock = hh+':'

if (mm <10) clock += '0'

clock += mm+':'

if (ss <10) clock += '0'

clock += ss

return(clock)}

function refreshCalendarClock(){

document.all.calendarClock1.innerHTML = Year_Month()

document.all.calendarClock2.innerHTML = Date_of_Today()

document.all.calendarClock3.innerHTML = Day_of_Today()

document.all.calendarClock4.innerHTML = CurentTime()}

var webUrl = webUrl

document.write('<table border="0" cellpadding="0" cellspacing="0"><tr><td>')

document.write('<table id="CalendarClockFreeCode" border="0" cellpadding="0" cellspacing="0" width="60" height="70" ')

document.write('style="position:absolutevisibility:hidden" bgcolor="#eeeeee">')

document.write('<tr><td align="center"><font ')

document.write('style="cursor:handcolor:#ff0000font-size:14ptline-height:120%" ')

if (webUrl != 'netflower'){

document.write('</td></tr><tr><td align="center"><font ')

document.write('style="cursor:handcolor:#2000fffont-size:9ptline-height:110%" ')

}

document.write('</td></tr></table>')

document.write('<table border="0" cellpadding="0" cellspacing="0" width="61" bgcolor="#C0C0C0" height="70">')

document.write('<tr><td valign="top" width="100%" height="100%">')

document.write('<table border="1" cellpadding="0" cellspacing="0" width="58" bgcolor="#FEFEEF" height="67">')

document.write('<tr><td align="center" width="100%" height="100%" >')

document.write('<font id="calendarClock1" style="font-size:7ptline-height:120%"></font><br>')

document.write('<font id="calendarClock2" style="color:#ff0000font-family:Arialfont-size:14ptline-height:120%"></font><br>')

document.write('<font id="calendarClock3" style="font-size:9ptline-height:120%"></font><br>')

document.write('<font id="calendarClock4" style="color:#100080font-size:8ptline-height:120%"><b></b></font>')

document.write('</td></tr></table>')

setInterval('refreshCalendarClock()',1000)

</SCRIPT>

</body>

</html>

<!DOCTYPE html>

<head>

<style>

table {

width: 230px

margin: auto

text-align: center

border: 1px solid darkcyan

border-bottom: 3px double darkcyan

box-shadow: 0 1px 2px darkcyan

}

th,

td {

border: 1px solid darkcyan

}

.today {

color: red

}

</style>

//判断当前年份是否是闰年(闰年2月份有29天，平年2月份只有28天)

function isLeap(year) {

return year % 4 == 0 ? (year % 100 != 0 ? 1 : (year % 400 == 0 ? 1 : 0)) : 0

}

var i, k,

today = new Date(), //获取当前日期

y = today.getFullYear(), //获取日期中的年份

m = today.getMonth(), //获取日期中的月份(需要注意的是：月份是从0开始计算，获取的值比正常月份的值少1)

d = today.getDate(), //获取日期中的日(方便在建立日期表格时高亮显示当天)

firstday = new Date(y, m, 1), //获取当月的第一天

dayOfWeek = firstday.getDay(), //判断第一天是星期几(返回[0-6]中的一个，0代表星期天，1代表星期一，以此类推)

days_per_month = new Array(31, 28 + isLeap(y), 31, 30, 31, 30, 31, 31, 30, 31, 30, 31), //创建月份数组

str_nums = Math.ceil((dayOfWeek + days_per_month[m]) / 7) //确定日期表格所需的行数

document.write("<table cellspacing='0'><tr><td colspan ='7'>" + y + "年" + (m + 1) + "月" + "</td></tr>")

document.write("<tr><th>日</th><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th></tr>") //打印表格第一行(显示星期)

for(i = 0 i < str_nums i += 1) { //二维数组创建日期表格

document.write('<tr>')

for(k = 0 k < 7 k++) {

var idx = 7 * i + k //为每个表格创建索引,从0开始

var date = idx - dayOfWeek + 1 //将当月的1号与星期进行匹配

(date <= 0 || date > days_per_month[m]) ? date = ' ': date = idx - dayOfWeek + 1 //索引小于等于0或者大于月份最大值就用空表格代替

date == d ? document.write('<td class="today">' + date + '</td>') : document.write('<td>' + date + '</td>') //高亮显示当天

}

document.write('</tr>')

}

document.write('</table>')

</script>

</head>

<body>

</body>

</html>

提起2021 日历表可打印，大家都知道，有人问2021年日历表A4纸打印版，另外，还有人想问2020年日历(A4可打印)简洁版，你知道这是怎么回事？其实我想自己打印小挂历,如何日历2021年台历月历表？下面就一起来看看年日历表A4纸打印版，希望能够帮助到大家！

2021日历表可打印

1、日历表可打印:年日历表A4纸打印版

打开电脑上的WPS软件，找到搜索栏目。搜索日历后，可以看到很多不同样式的日历。可以根据自己的喜好，修改日历颜色，详细步骤：2021年日历表免费打印。

1、首先，打开电脑上的WPS软件，找到搜索栏目。2021日程表可打印。

2、搜索日历后，可以看到很多不同样式的日历。2021年日历空白打印版。

3、预览日历模板，觉得不错就开始。2021年日历表电子版打印版。

4、双击日历，打开日历文档。

5、可以根据自己的喜好，修改日历颜色。2021年日历a4横版打印免费。

6、，保存修改内容，选择打印。

2、日历表可打印:年日历(A4可打印)简洁版

内容来自用户:chtofgp2021年9月日历表可打印。

星期一｜星期二｜星期三｜星期四｜星期五｜星期六｜星期日｜｜｜1元旦｜2｜3｜4｜5｜6｜7｜8｜9｜10｜11｜12｜13｜14｜15｜16｜17｜18｜19｜20｜21｜22｜23｜24除夕｜25初一｜26初二｜27｜28｜29｜30｜31｜｜

年2月February

星期一｜星期二｜星期三｜星期四｜星期五｜星期六｜星期日｜1｜2｜

3｜4｜5｜6｜7｜8｜9｜

10｜11｜12｜13｜14情人节｜15｜16｜

17｜18｜19｜20｜21｜22｜23｜

我想自己打印小挂历,如何日历2021年台历月历表？

24｜25｜26｜27｜28｜29｜

年3月March

星期一｜星期二｜星期三｜星期四｜星期五｜星期六｜星期日｜1｜

2｜3｜4｜5｜6｜7｜8｜2021年可编辑日历表。

9｜10｜11｜12｜13｜14｜15｜2021日历打印版直接打印即可。

16｜17｜18｜19｜20｜21｜22｜

23/30｜24/31｜25｜26｜27｜28｜29｜

年4月April

星期一｜星期二｜星期三｜星期四｜星期五｜星期六｜星期日｜｜｜1愚人节｜2｜3｜4清明节｜5｜6｜7｜8｜9｜10｜11｜12｜13｜14｜15｜16｜17｜18｜19｜20｜21｜22｜23｜24｜25｜26｜27｜28｜29｜30｜｜2021年日历a4直接打印免费。

年5月May2021年日历模板可编辑。

星期一｜星期二｜星期三｜星期四｜星期五｜星期六｜星期日｜｜｜｜1劳动节｜2｜3｜4｜5｜6｜7｜8Q4｜9｜10母亲节｜11｜12｜13｜14｜15｜16｜17｜18｜19｜20｜21｜22｜23｜24｜25｜｜26｜｜27｜｜28｜｜29｜｜30｜｜31｜｜

年6月June

3、日历表可打印:我想自己打印小挂历,如何日历年台历月历表？

专门制历日历的软件，一个就可以制做了，制做好后就可以打印了。

以上就是与年日历表A4纸打印版相关内容，是关于2021年日历表A4纸打印版的分享。看完2021日历表可打印后，希望这对大家有所帮助！

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/zaji/7601292.html

求日历的HTML代码...

发表评论

评论列表（0条）