我的协会在每个月的第二个和第四个星期二举行会议,我非常想要一个 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 查找每月的第二个和第四个星期二的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持html5模板网!