Javascript从输入中获取工作日名称



JS新增。

如何从用户输入中获取所有工作日名称?我试图制作3个输入框,您可以在其中填写YYYY/MM/DD,然后它应该处理它,并根据用户在框中给出的具体日期,它应该告诉用户是星期天还是星期一。

我试过这个。

"use strict";
let f1 = document.createElement("p");
document.body.appendChild(f1);
f1.innerHTML = "Year?";
let r1 = document.createElement("input");
document.body.appendChild(r1);
r1.focus();
let f3 = document.createElement("p");
document.body.appendChild(f3);
f3.innerHTML = "Month?";
let r3 = document.createElement("input");
document.body.appendChild(r3);
r3.focus();

let f2 = document.createElement("p");
f2.innerHTML = "Day?";
document.body.appendChild(f2);
let r2 = document.createElement("input");
document.body.appendChild(r2);
r2.onchange = clicked;
let r = document.createElement("pre");
document.body.appendChild(r);

function Clicked(){
var now = new Date(r1.value,r3.value,r2.value);

在那之后,我尝试了GetDay,但没有成功,所以我被困在这里。

任何形式的帮助都很好。

注意,当您使用year、month、day参数调用new Date时,month需要少一个。因此,一月不是1,而是0。

然后您可以在日期上使用getDay((。

let now = new Date(2018, 10, 2); // 2nd of November (not October) 2018
console.log(now.getDay());

下面是您的代码的一个工作示例:

"use strict";
const days = [
'Sunday',
'Monday',
'Tuesday',
'Wednesday',
'Thursday',
'Friday',
'Saturday',
];
let f1 = document.createElement("p");
document.body.appendChild(f1);
f1.innerHTML = "Year?";
let r1 = document.createElement("input");
document.body.appendChild(r1);
r1.focus();
let f3 = document.createElement("p");
document.body.appendChild(f3);
f3.innerHTML = "Month?";
let r3 = document.createElement("input");
document.body.appendChild(r3);
r3.focus();
let f2 = document.createElement("p");
f2.innerHTML = "Day?";
document.body.appendChild(f2);
let r2 = document.createElement("input");
document.body.appendChild(r2);
r2.onchange = Clicked;
let r = document.createElement("pre");
document.body.appendChild(r);
function Clicked() {
var now = new Date(r1.value,r3.value-1,r2.value);
r.innerHTML = days[now.getDay()];
}

使用date.toLocaleString(locale, { weekday: "long" })获取日期名称

"use strict";
const dayName = (date, locale = "en-US") =>
date.toLocaleString(locale, { weekday: "long" });
let f1 = document.createElement("p");
document.body.appendChild(f1);
f1.innerHTML = "Year?";
let r1 = document.createElement("input");
document.body.appendChild(r1);
r1.focus();
let f3 = document.createElement("p");
document.body.appendChild(f3);
f3.innerHTML = "Month?";
let r3 = document.createElement("input");
document.body.appendChild(r3);
r3.focus();

let f2 = document.createElement("p");
f2.innerHTML = "Day?";
document.body.appendChild(f2);
let r2 = document.createElement("input");
document.body.appendChild(r2);
r2.onchange = Clicked;
let r = document.createElement("pre");
document.body.appendChild(r);
function Clicked() {
var now = new Date(r1.value,r3.value-1,r2.value);
r.innerHTML = dayName(now);
}

最新更新