JavaScript制作年歷的示例代碼
更新時間：2024年07月01日 11:50:00 作者：layroy
本文主要介紹了JavaScript制作年歷的示例代碼,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
本文主要介紹了 JavaScript制作年歷的示例代碼，分享給大家
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>制作年歷</title>
<style>
body{text-align:center;}
.box{margin:0 auto;width:880px;}
.title{background: #ccc;}
table{height:200px;width:200px;font-size:12px;text-align:center;float:left;margin:10px;font-family:arial;}
</style>
<script src="calendar.js"></script>
<script>
var year = parseInt(prompt('輸入年份：','2019'));//制作彈窗
document.write(calendar(year));//調(diào)用函數(shù)生成指定年份的年歷
</script>
</head>
<body>
</body>
</html>
calendar.js
function calendar(y){
//獲取指定年份1月1日的星期數(shù)值
var w = new Date(y,0).getDay();
var html = '<div class="box">';
//拼接每個月份的表格
for(m=1;m<=12;m++){
html += '<table>';
html += '<tr class="title"><th colspan="7">' + y + '年' +m+' 月</th></tr>';
html += '<tr><td>日</td><td>一</td><td>二</td><td>三</td><td>四</td><td>五</td><td>六</td></tr>'
//獲取每個月份共有多少天
var max = new Date(y,m,0).getDate();
html += '<tr>';//開始<tr>標簽
for (d=1;d<=max;d++){
if(w && d== 1){//如果該月的第1天不是星期日，則填充空白
html += '<td colspan ="' + w + '"> </td>';
}
html += '<td>' +d+ '</td>';
if(w == 6 && d != max){//如果星期六不是該月的最后一天，則換行
html += '</tr><tr>';
}else if(d==max){//該月的最后一天，閉合</tr>標簽
html += '</tr>';
}
w = (w+1>6) ? 0 : w+1;
}
html += '</table>';
}
html += '</div>';
return html;
}效果
到此這篇關于JavaScript制作年歷的示例代碼的文章就介紹到這了,更多相關JavaScript 年歷內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
這篇文章主要教大家簡單實現(xiàn)Bootstrap標簽頁，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
表格翻頁的實現(xiàn)方式有很多，下面以js為例為大家詳細介紹下表格翻頁效果的具體實現(xiàn)，感興趣的朋友可以參考下2013-08-08
JavaScript數(shù)組some()函數(shù)的語法、用法與實戰(zhàn)示例
JavaScript中的數(shù)組some()方法用于檢查數(shù)組中是否至少有一個元素滿足指定條件,這篇文章主要介紹了JavaScript數(shù)組some()函數(shù)的語法、用法與實戰(zhàn)的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2025-03-03
這篇文章主要為大家詳細介紹了js微信分享的實現(xiàn)代碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
JavaScript實現(xiàn)三種常用網(wǎng)頁特效(offset、client、scroll系列)
這篇文章主要為大家介紹了三種常用的PC端網(wǎng)頁特效：元素偏移量offset系列，元素可視區(qū)client系列和元素滾動scroll系列，文中示例代碼介紹詳細，需要的可以參考一下2021-12-12
這篇文章主要介紹了JS實現(xiàn)判斷移動端PC端功能,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-02-02
JavaScript中的observables?操作符創(chuàng)建實例
這篇文章主要介紹了JavaScript中的observables?操作符創(chuàng)建實例的相關資料，文章介紹詳細，需要的小伙伴可以參考一下，希望對你有所幫助2022-03-03
任意一個名稱都是有意義的，先從字面意思來理解。async 是“異步”的簡寫，而 await 可以認為是 async wait 的簡寫。所以應該很好理解 async 用于申明一個 function 是異步的，而 await 用于等待一個異步方法執(zhí)行完成2022-12-12
這篇文章主要介紹了微信小程序動畫Animation執(zhí)行過程 / 實現(xiàn)過程 / 實現(xiàn)方式，本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-09-09
js以分隔符分隔數(shù)組中的元素并轉(zhuǎn)換為字符串的方法
下面小編就為大家?guī)硪黄猨s以分隔符分隔數(shù)組中的元素并轉(zhuǎn)換為字符串的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11