JavaScript實現(xiàn)年歷效果
更新時間：2021年08月25日 10:02:09 作者：layroy
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)年歷效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本文實例為大家分享了JavaScript實現(xiàn)年歷效果的具體代碼，供大家參考，具體內(nèi)容如下
<!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;
}
效果
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
js前端加密庫Crypto-js進行MD5/SHA256/BASE64/AES加解密的方法與示例
js加密解密可以使用crypto-js它可以進行MD5、SHA-1、SHA-256、Base64、AES、DES、等算法和加密,這是一個對稱加密的庫,可以使用 AES、DES、但沒有rsa等非對稱加密的方法2023-12-12
Bootstrap 粘頁腳，說得具體一點就是“將固定高度的頁腳緊貼頁面底部”，本文給大家分享具有實現(xiàn)代碼，感興趣的朋友參考下吧2016-03-03
js實現(xiàn)點擊復制當前文本到剪貼板功能（兼容所有瀏覽器）
這篇文章主要介紹了js實現(xiàn)點擊復制當前文本到剪貼板功能，兼容所有瀏覽器，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-12-12
這篇文章主要給大家介紹了關于JavaScript中String對象的使用方法以及實例的相關資料,文中通過實例代碼介紹的非常詳細,方便開發(fā)者在JavaScript開發(fā)中更好地處理字符串,需要的朋友可以參考下2022-04-04
JavaScript的數(shù)據(jù)類型是非常弱的（不然不會叫它做弱類型語言了）！在使用算術運算符時，運算符兩邊的數(shù)據(jù)類型可以是任意的，比如，一個字符串可以和數(shù)字相加2016-03-03
js常用方法、檢查是否有特殊字符串、倒序截取字符串操作完整示例
這篇文章主要介紹了js常用方法、檢查是否有特殊字符串、倒序截取字符串操作,結合完整實例形式分析了JavaScript字符串轉換、檢測、倒序、截取等相關操作技巧,需要的朋友可以參考下2020-01-01
這篇文章主要介紹了ajax請求亂碼的解決方法(中文亂碼),需要的朋友可以參考下2014-04-04
這篇文章主要介紹了JavaScript利用append添加元素報錯的解決方法,需要的朋友可以參考下2014-07-07
這篇文章主要介紹了帶你領略Object.assign()方法的操作方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
Electron是一款流行的跨平臺框架,用于構建桌面應用程序,它基于Web技術棧,結合了Chromium和Node.js,可以使用HTML、CSS和JavaScript開發(fā)跨平臺的應用程序,本文將介紹electron版本升級的簡單步驟,并提供相應的源代碼示例,需要的朋友可以參考下2024-05-05