个人中心
gpt4 book ai didi

Javascript 日历不会显示当前日期+月份

转载 作者：行者123 更新时间：2023-12-03 11:31:43 28 4
gpt4 key购买 nike

我正在用 javascript 制作日历，我不想在 <div id=taken> 中显示当前日期、日期名称和月份名称它在我的函数内 Kalender()但由于某种原因，如果我执行函数 volgende() (下个月)它更改 <div id=taken> 中的月份另外，这不是当前的日期和月份，我该如何解决这个问题？

var dayNames = ['Zon', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
    //Volledige Dagnamen//
    var dayNamesFull = ['Zondag', 'Maandag', 'Dinsdag', 'Woensdag', 'Donderdag', 'Vrijdag', 'Zaterdag'];
    //Volledige Maandnamen//
    var monthNames = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'Oktober', 'November', 'December'];
    //Maand lengte van 0 - 11//
    var monthLength = [31,28,31,30,31,30,31,31,30,31,30,31]; 
    //Nieuwe datum//
    var today = new Date();
    //Vandaag//
    var day = today.getDay();
    //vandaag zoekmaand//
    var month = today.getMonth();
    //vandaag//
    var vandaag = today.getDate();
    //volledig jaar//
    var year = today.getFullYear();

//Kalender schrijf functie//    
function Kalender() {
   var buttons = '<button id="vorige" onclick="vorige()">Vorige</button><button id="volgende" onclick="volgende()">Volgende</button>'
   var kalender = "";

document.getElementById('Header').innerHTML = monthNames[month]+" "+year+buttons;
    kalender += '<table id="cal"><div id="taken"></div>';   

        for (var j = 1; j <= monthLength[month]; j++) {
            if (vandaag == j ) {
                kalender +="<td id='tabeldagen' class='dagVandaag'>"+j; 
                }
                else {
                    kalender += "<td id='tabeldagen'>"+j; 
                } 

                    if (j % 7 == 0) {
                kalender += "<tr>";
            }
            kalender += '</td>';
        }

    kalender += '</table>';
    document.getElementById('kalen').innerHTML = kalender;
            document.getElementById('taken').innerHTML += dayNamesFull[day]+" "+vandaag+" "+monthNames[month];

    }
//Leap Year//
    if (month == 1) {
        if (year % 4 == 0) {
            monthLength = 29;
    }

}





//Volgende Maand functie//
function volgende() {
month = month + 1;
    if(month > 11) {
        month = -1;
        month = month + 1;
        year = year + 1;
    } 
        Kalender();
    }
//Vorige maand functie//
function vorige() {
    month = month - 1;
    if(month < 0) {
        month = + 12;
        month = month - 1;
        year = year - 1;
    } 
    Kalender();
}

HTML:

<!DOCTYPE html>
<head>
    <title>Kalender</title>
    <link type="text/css" rel="stylesheet" href="kalender.css"> 

</head>
<body onload="Kalender()">
    <div id="kalender"> 
            <div id="Header">
            </div>
        <div id="kalen">
        </div>
    </div>
    <script type="text/javascript" src="Kalender.js"></script> 
</body>
</html>

最佳答案

问题在于您更改了函数 volgende() 和 vorige() 中的 day 和 month 变量。尝试添加当前日期和月份的其他变量:

//Vandaag//
var day = today.getDay();
var currentDay = day;
//vandaag zoekmaand//
var month = today.getMonth();
var currentMonth= month;

并在taken元素中使用它们:

        document.getElementById('taken').innerHTML += dayNamesFull[currentDay]+" "+vandaag+" "+monthNames[currentMonth];

关于Javascript 日历不会显示当前日期+月份，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26704067/

28 4 0
文章推荐： javascript - 显示来自 Meteor 1.0 的数据
文章推荐： rust - rust 迹所有权-由于存在 “behind a shared reference”而无法移动
文章推荐： c++ - Clang/LLVM中的CodeModel指的是什么？
文章推荐： javascript - Angular 更新绑定(bind)配置
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com