问题描述

我的协会在每个月的第二个和第四个星期二举行会议，我非常想要一个 Javascript 代码，这样我就不必每两周更新一次我们的网站，并且可以计算和显示下一次会议的日期自动.

My association has meetings on the second and fourth Tuesday of each month and I'd really like a Javascript code so I don't have to update our site every two weeks and the date of the next meeting can be calculated and displayed automatically.

我非常感谢一些帮助，因为我完全没有 Javascript 方面的技能，只有 CSS 和 HTML.

I'd really appreciate some help, as I have absolutely no skils in Javascript, only in CSS and HTML.

推荐答案

这是一个解决方案

HTML

<ul id="list"></ul>

Javascript

function getTuesdays(month, year) {
    var d = new Date(year, month, 1),
        tuesdays = [];

    d.setDate(d.getDate() + (9 - d.getDay()) % 7)
    while (d.getMonth() === month) {
        tuesdays.push(new Date(d.getTime()));
        d.setDate(d.getDate() + 7);
    }

    return tuesdays;
}

var meetingTuesdays = [],
    ul = document.getElementById("list"),
    temp,
    li,
    i;

for ( i = 0; i < 12; i += 1) {
    temp = getTuesdays(i, 2013);
    meetingTuesdays.push(temp[1]);
    li = document.createElement("li");
    li.textContent = temp[1];
    ul.appendChild(li);

    meetingTuesdays.push(temp[3]);
    li = document.createElement("li");
    li.textContent = temp[3];
    ul.appendChild(li);
}

console.log(meetingTuesdays);

在 jsfiddle

更新:为您提供进一步的演示

Update: a further demonstration for you

Javascript

function getTuesdays(month, year) {
    var d = new Date(year, month, 1),
        tuesdays = [];

    d.setDate(d.getDate() + (9 - d.getDay()) % 7)
    while (d.getMonth() === month) {
        tuesdays.push(new Date(d.getTime()));
        d.setDate(d.getDate() + 7);
    }

    return tuesdays;
}

var today = new Date(),
    theseTuesdays = getTuesdays(today.getMonth(), today.getFullYear()),
    next;

theseTuesdays.some(function (tuesday, index) {
    if (index % 2 === 1 && tuesday > today) {
        next = tuesday;
        return true;
    }

    return false;
});

alert("Our next meeting is on : " + moment(next).format("MMMM Do YYYY"));

在 jsfiddle

这篇关于使用 Javascript 查找每月的第二个和第四个星期二的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！