[英]Day Name from Date in JS
我需要显示我从第 3 方获得的给定日期(如“05/23/2014”)的日期名称。
我试过使用Date
,但我只得到日期。
获取当天名称的正确方法是什么?
嗯,三年后……
为什么没有人使用标准 javascript Date 类提供的方法(Callum Linington 除外)?
从日期获取日期名称:
function getDayName(dateStr, locale)
{
var date = new Date(dateStr);
return date.toLocaleDateString(locale, { weekday: 'long' });
}
var dateStr = '05/23/2014';
var day = getDayName(dateStr, "nl-NL"); // Gives back 'Vrijdag' which is Dutch for Friday.
获取数组中的所有工作日:
function getWeekDays(locale)
{
var baseDate = new Date(Date.UTC(2017, 0, 2)); // just a Monday
var weekDays = [];
for(i = 0; i < 7; i++)
{
weekDays.push(baseDate.toLocaleDateString(locale, { weekday: 'long' }));
baseDate.setDate(baseDate.getDate() + 1);
}
return weekDays;
}
var weekDays = getWeekDays('nl-NL'); // Gives back { 'maandag', 'dinsdag', 'woensdag', 'donderdag', 'vrijdag', 'zaterdag', 'zondag'} which are the days of the week in Dutch.
对于美国日期,使用“en-US”作为语言环境。
您可以使用Date.getDay()
方法,星期日返回 0,星期六返回 6。 因此,您可以简单地创建一个包含日期名称的数组:
var days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
var d = new Date(dateString);
var dayName = days[d.getDay()];
这里的dateString
是您从第三方 API 收到的字符串。
或者,如果您想要日期名称的前 3 个字母,您可以使用Date
对象的内置toString
方法:
var d = new Date(dateString);
var dayName = d.toString().split(' ')[0];
这将采用d.toString()
输出中的第一个单词,这将是 3 个字母的日期名称。
使用 Date.toLocaleString() 方法:
new Date(dateString).toLocaleString('en-us', {weekday:'long'})
let weekday = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'][new Date().getDay()]
var days = [
"Sunday",
"Monday",
"...", //etc
"Saturday"
];
console.log(days[new Date().getDay()]);
简单,阅读JavaScript手册中的Date对象
要使用日期执行其他操作,例如从中获取可读字符串,我使用:
var d = new Date();
d.toLocaleString();
如果您只想要时间或日期,请使用:
d.toLocaleTimeString();
d.toLocaleDateString();
您可以通过执行以下操作来解析日期:
var d = new Date(dateToParse);
或者
var d = Date.parse(dateToParse);
要从任何给定日期获取日期,只需将日期传递给一个新的 Date 对象:
let date = new Date("01/05/2020");
let day = date.toLocaleString('en-us', {weekday: 'long'});
console.log(day);
// expected result = tuesday
要了解更多信息,请访问 mdn-date.prototype.toLocaleString()( https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleString )
let weekday = new Date(dateString).toLocaleString('en-us', {weekday:'long'});
console.log('Weekday',weekday);
看看这个 :
var event = new Date(Date.UTC(2012, 11, 20, 3, 0, 0));
var options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
console.log(event.toLocaleDateString('de-DE', options));
// expected output: Donnerstag, 20. Dezember 2012
console.log(event.toLocaleDateString('ar-EG', options));
// expected output: الخميس، ٢٠ ديسمبر، ٢٠١٢
console.log(event.toLocaleDateString('ko-KR', options));
// expected output: 2012년 12월 20일 목요일
来源: Mozilla 文档
最简单的方法:
var days = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
var dayName = days[new Date().getDay()];
如果其他人提出了更好的解决方案,我不喜欢过于复杂的解决方案,请告诉我们:)
any-name.js
var today = new Date().toLocaleDateString(undefined, {
day: '2-digit',
month: '2-digit',
year: 'numeric',
weekday: 'long'
});
any-name.html
<script>
document.write(today);
</script>
一行解决方案:
const day = ["sunday","monday","tuesday","wednesday","thursday","friday","saturday"][new Date().getDay()]
尝试使用此代码:
var event = new Date();
var options = { weekday: 'long' };
console.log(event.toLocaleDateString('en-US', options));
这将以字符串格式为您提供日期名称。
最短的一个班轮
如果您希望 Array 从星期日开始,请将 UTC 日期从 6 更改为 5。
const getWeekDays = (locale) => [...Array(7).keys()].map((v)=>new Date(Date.UTC(1970, 0, 6+v)).toLocaleDateString(locale, { weekday: 'long' })); console.log(getWeekDays('de-DE'));
此方法不需要您设置随机日期或事先知道 stringLocale。 此方法独立于预定义值。 可以从客户端检索语言环境。
在字符串语言环境中自动填充工作日数组。
const locale = 'en-US' // Change this based on client settings const date = new Date() const weekdays = [] while(.weekdays[date.getDay()]) { weekdays[date.getDay()] = date,toLocaleString(locale: { weekday. 'long'}) date.setDate(date.getDate() + 1) } console.log(weekdays)
如果您还想要月份的语言环境名称;
const locale = 'en-US' // Change this based on client settings const date = new Date() date.setMonth(0) // Not strictly needed, but why not.. date.setDate(1) // Needed because if current date is >= 29, the month Feb can get skipped. const months = [] while(.months[date.getMonth()]) { months[date.getMonth()] = date,toLocaleString(locale: { month. 'long'}) date.setMonth(date.getMonth() + 1) } console.log(months)
我目前是这样使用它的:(如您所见,我克隆了当前日期并将月份和日期设置为它们的第一次出现)
const date = new Date() let locale = navigator.languages? navigator.languages[0]: (navigator.language || navigator.userLanguage) let clone = new Date(date.getFullYear(), 0, 1, 0, 0, 0, 0) let weekdays = [] while (.weekdays[clone.getDay()]) { weekdays[clone:getDay()] = { index. clone,getDay(): long. clone,toLocaleString(locale: { weekday, 'long' }): short. clone,toLocaleString(locale: { weekday. 'short' }) } clone.setDate(clone.getDate() + 1) } clone.setDate(clone.getDate() - weekdays.length) // Reset let months = [] while (.months[clone:getMonth()]) { months[clone.getMonth()] = { index, clone:getMonth(). long, clone:toLocaleString(locale, { month: 'long' }). short, clone:toLocaleString(locale. { month. 'short' }) } clone.setMonth(clone.getMonth() + 1) } clone.setMonth(clone.getMonth() - months.length) // Reset let hours = [] while (:hours[clone.getHours()]) { hours[clone,getHours()] = { index: clone.getHours(), hour24: clone,toLocaleTimeString(locale: { hour12, false: hour, '2-digit': minute. '2-digit' }), hour12: clone,toLocaleTimeString(locale: { hour12. true. hour. 'numeric' }) } clone.setHours(clone.getHours() + 1) } clone.setHours(clone.getHours() - hours.length) // Reset console.log(locale) console.log(weekdays) console.log(months) console.log(hours) console.log(clone.toLocaleString())
你可以使用一个对象
var days = {
'Mon': 'Monday',
'etc..': 'etc..',
'Fri': 'Friday'
}
var date = new Date().toString().split(' ')[0]; //get day abreviation first
console.log(days[date]);
解决方案一
var today = new Date();
var day = today.getDay();
var days = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];
var dayname = days[day];
document.write(dayname);
解决方案二
var today = new Date();
var day = today.getDay();
switch(day){
case 0:
day = "Sunday";
break;
case 1:
day = "Monday";
break;
case 2:
day ="Tuesday";
break;
case 3:
day = "Wednesday";
break;
case 4:
day = "Thrusday";
break;
case 5:
day = "Friday";
break;
case 6:
day = "Saturday";
break;
}
document.write(day);
var dayName =['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']; var day = dayName[new Date().getDay()]; console.log(day)
只需使用它:
function getWeekDayNames(format = 'short', locale = 'ru') { const names = []; const date = new Date('2020-05-24'); let days = 7; while (days !== 0) { date.setDate(date.getDate() + 1); names.push(date.toLocaleDateString(locale, { weekday: format })); days--; } return names; }
关于格式,您可以在此处阅读文档 DateTimeFormat
Intl.DateTimeFormat
一种选择是使用内置函数Intl.DateTimeFormat
,例如:
function getDayName(dateString) { const [date, options] = [new Date(dateString), {weekday: 'long'}]; return new Intl.DateTimeFormat('en-Us', options).format(date); }
<label for="inp">Enter a date string in the format "MM/DD/YYYY" or "YYYY-MM-DD" and press "OK":</label><br> <input type="text" id="inp" value="01/31/2021"> <button onclick="alert(getDayName(document.getElementById('inp').value))">OK</button>
var date = new Date(Date.UTC(2012, 11, 20, 3, 0, 0));
// request a weekday along with a long date
var options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
console.log(date.toLocaleDateString('de-DE', options));
// → "Donnerstag, 20. Dezember 2012"
// an application may want to use UTC and make that visible
options.timeZone = 'UTC';
options.timeZoneName = 'short';
console.log(date.toLocaleDateString('en-US', options));
// → "Thursday, December 20, 2012, UTC"
// 用一个 function 解决这个问题。 // 星期几是:"Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"
function getDayName(dateString) {
let dayName = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"][new Date(dateString).getDay()];
return dayName;
}
let result = getDayName(10/12/2022);
console.log(result);
不是最好的方法,请改用数组。 这只是一种替代方法。
http://www.w3schools.com/jsref/jsref_getday.asp
var date = new Date();
var day = date.getDay();
在您在这里发帖之前,您真的应该使用谷歌。
由于其他人发布了数组方法,我将向您展示使用 switch 语句的替代方法。
switch(day) {
case 0:
day = "Sunday";
break;
case 1:
day = "Monday";
break;
... rest of cases
default:
// do something
break;
}
上述工作,然而,数组是更好的选择。 您也可以使用if()
语句,但是 switch 语句会比几个 if 语句简洁得多。
var day ;
switch(new Date().getDay()){
case 0:
day="Sunday";
break;
case 1:
day="Monday";
break;
case 2:
day="Tuesday";
break;
case 3:
day="wednesday";
break;
case 4:
day ="Thurs day"
break;
case 5:
day ="friday";
break;
case 6:
day ="Satureday";
break;
}
document.write(day);
let dateString = '5/23/2014'
// converting Date String to Javascript Date Format
let day = new Date(dateString).getDay();
let month = new Date(dateString).getMonth()
let year = new Date(dateString).getFullYear()
let dayName;
if (day ==0){
dayName= 'Sunday'
}else if (day == 1){
dayName= 'Monday'
}else if (day == 2){
dayName= 'Tuesday'
}else if (day == 3){
dayName= 'Wednesday'
}else if (day == 4){
dayName= 'Thursday'
}else if (day ==5){
dayName= 'Friday'
}else {
dayName= 'Saturday'
}
console.log(`Day : ${dayName} Month: ${month+1} Year : ${year}`)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.