无标题大家哪里出错了,为什么不显示时间
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>电子日历</title>
<style type="text/css">
div{
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
}
#calendar{
width: 400px;
margin: auto;
}
button{
width: 25%;
float: left;
height: 40px;
}
#month{
width: 50%;
float: left;
height: 40px;
margin-top: 0;
margin-bottom: 0;
}
.everyday{
width: 14%;
float: left;
}
</style>
</head>
<body οnlοad="showDate()">
<h1>简单电子日历</h1>
<hr/>
<div id="calendar">
<div>
<button οnclick="lastMonth()">上个月</button>
<div id="month"></div>
<button οnclick="nextMonth()">下个月</button>
</div>
<div>
<div class="eyeryday">日</div>
<div class="eyeryday">一</div>
<div class="eyeryday">二</div>
<div class="eyeryday">三</div>
<div class="eyeryday">四</div>
<div class="eyeryday">五</div>
<div class="eyeryday">六</div>
</div>
<div id="day"></div>
</div>
<script type="text/javascript">
var today = new Date();
var year = today.getFullYear();
var month = today.getMonth() 1;
var day = today.getDate();
var allday = 0;
function count(){
if (month !=2) {
if ((month==4)||(month==6)||(month=9)||(month==11)){
allday = 30;
}
else{
allday = 31;
}
}
else{
if ((year%4)==0 && (year@0)==0){
allday = 29;
}
else{
allday = 28;
}
}
}
function showMonth(){
var year_month=year "年" month "月";
document.getElementById("month").innerHTML=year_month;
}
function showDate(){
showMonth();
count();
var firstdate = new Data(year,month-1,1);
var xiqi = firstdate.getDay();
var daterow = document.getElementById("div");
daterow.innerHTML = "";
if (xiqi != 0){
for (var i=0; i<xiqi; i ){
var dayElement = document.createElement("div");
dayElement.className = "everyday";
daterow.appendChild(dayElement);
}
}
for(var j=1; j<=allday; j ){
var dayElement = document.createElement("div");
dayElement.className = "everyday";
dayElement.innerHTML = j "";
if (j==day){
dayElement.style.color = "red";
}
daterow.appendChild(dayElement);
}
}
function lastMonth(){
if (month>1){
month = month-1;
}
else{
month=12;
year = year-1;
}
showDate();
}
function nextMonth(){
if (month<12){
month = month 1;
}
else{
month=1;
year = year 1;
}
showDate();
}
</script>
</body>
</html>
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhgfeceh
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
怎样阻止微信小程序自动打开
PHP中文网 06-13 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01