如何将Date对象格式化为字符串？
当前回答
它在InternetExplorer11、Firefox和Chrome中的工作方式相同（当选择en-UK时，Chrome80.x显示12小时格式）。
const d=新日期（'2010/08/05 23:45'）//26.3.2020const dtfUK=新Intl.DateTimeFormat（'UK'，｛年：'数字'，月：'2位数'，日：'2位'，小时：'2-位数'，分钟：'2-位'，秒：'2-数位'}）//const dtfUS=新Intl.DateTimeFormat（'en'，｛年：'数字'，月：'2位数'，日：'2位'，小时：'2-位数'，分钟：'2-位'，秒：'2-数位'}）//console.log（dtfUS.format（d））；//2010年5月8日下午11:45:00console.log（dtfUK.format（d））；//05.08.2010 23:45:00/*node.js：2010年5月8日，晚上11:45:002010-08-05 23:45:00*/
有什么更一般的吗？
var d=新日期（'2010-08-10T10:34:56.789Z'）；var str=d.toDateString（）+/-2010年8月10日星期二“”+d.toTimeString（）.split（“”）[0]+/-12:34:56，GMT+0x0（GMT+00:00）“”+（d.getMonth（）+101）+/-108“”+d.获取毫秒（）；//789console.log（str）；//2010年8月10日星期二12:34:56 108 789console.log（//$1周二$2 8月$3 11$4 2020$5 12$6 34$7 56$8 108$9 789str.replace（/（\S｛3｝）（\S｝3）（\d｛1，2｝）); // 2010年8月10日12:34.789（星期二）/*$1：星期二工作日字符串$2:8月短文本$3:11天$4:2010年$5:12小时$6:34分钟$7:56秒$8:08个月$9:789毫秒*/
或例如1行IIFE“库”；-）
控制台日志(（函数（frm，d）｛return[d.toDateString（），d.toTimeString（）.split（“”）[0]，（d.getMonth（）+101），d.getMilliseconds（）].jjoin（“）.replace（/（\S｛3｝）（\S｝）（'$4/$8/$3$5:$6（$1）'，新日期（））);
如果不需要，可以删除无用的部件和/或更改索引。
其他回答
普通JavaScript是小型一次性应用程序的最佳选择。
另一方面，如果你需要更多约会内容，MomentJS是一个很好的解决方案。
例如：
moment().format('YYYY-MM-DD HH:m:s'); // now() -> 2015-03-24 14:32:20
moment("20111031", "YYYYMMDD").fromNow(); // 3 years ago
moment("20120620", "YYYYMMDD").fromNow(); // 3 years ago
moment().startOf('day').fromNow(); // 11 hours ago
moment().endOf('day').fromNow(); // in 13 hours
这是我刚刚编写的一些代码，用于处理我正在处理的项目的日期格式。它模仿了PHP日期格式功能，以满足我的需要。请随意使用它，它只是扩展了现有的Date（）对象。这可能不是最优雅的解决方案，但它符合我的需求。
var d = new Date();
d_string = d.format("m/d/Y h:i:s");
/**************************************
* Date class extension
*
*/
// Provide month names
Date.prototype.getMonthName = function(){
var month_names = [
'January',
'February',
'March',
'April',
'May',
'June',
'July',
'August',
'September',
'October',
'November',
'December'
];
return month_names[this.getMonth()];
}
// Provide month abbreviation
Date.prototype.getMonthAbbr = function(){
var month_abbrs = [
'Jan',
'Feb',
'Mar',
'Apr',
'May',
'Jun',
'Jul',
'Aug',
'Sep',
'Oct',
'Nov',
'Dec'
];
return month_abbrs[this.getMonth()];
}
// Provide full day of week name
Date.prototype.getDayFull = function(){
var days_full = [
'Sunday',
'Monday',
'Tuesday',
'Wednesday',
'Thursday',
'Friday',
'Saturday'
];
return days_full[this.getDay()];
};
// Provide full day of week name
Date.prototype.getDayAbbr = function(){
var days_abbr = [
'Sun',
'Mon',
'Tue',
'Wed',
'Thur',
'Fri',
'Sat'
];
return days_abbr[this.getDay()];
};
// Provide the day of year 1-365
Date.prototype.getDayOfYear = function() {
var onejan = new Date(this.getFullYear(),0,1);
return Math.ceil((this - onejan) / 86400000);
};
// Provide the day suffix (st,nd,rd,th)
Date.prototype.getDaySuffix = function() {
var d = this.getDate();
var sfx = ["th","st","nd","rd"];
var val = d%100;
return (sfx[(val-20)%10] || sfx[val] || sfx[0]);
};
// Provide Week of Year
Date.prototype.getWeekOfYear = function() {
var onejan = new Date(this.getFullYear(),0,1);
return Math.ceil((((this - onejan) / 86400000) + onejan.getDay()+1)/7);
}
// Provide if it is a leap year or not
Date.prototype.isLeapYear = function(){
var yr = this.getFullYear();
if ((parseInt(yr)%4) == 0){
if (parseInt(yr)%100 == 0){
if (parseInt(yr)%400 != 0){
return false;
}
if (parseInt(yr)%400 == 0){
return true;
}
}
if (parseInt(yr)%100 != 0){
return true;
}
}
if ((parseInt(yr)%4) != 0){
return false;
}
};
// Provide Number of Days in a given month
Date.prototype.getMonthDayCount = function() {
var month_day_counts = [
31,
this.isLeapYear() ? 29 : 28,
31,
30,
31,
30,
31,
31,
30,
31,
30,
31
];
return month_day_counts[this.getMonth()];
}
// format provided date into this.format format
Date.prototype.format = function(dateFormat){
// break apart format string into array of characters
dateFormat = dateFormat.split("");
var date = this.getDate(),
month = this.getMonth(),
hours = this.getHours(),
minutes = this.getMinutes(),
seconds = this.getSeconds();
// get all date properties ( based on PHP date object functionality )
var date_props = {
d: date < 10 ? '0'+date : date,
D: this.getDayAbbr(),
j: this.getDate(),
l: this.getDayFull(),
S: this.getDaySuffix(),
w: this.getDay(),
z: this.getDayOfYear(),
W: this.getWeekOfYear(),
F: this.getMonthName(),
m: month < 10 ? '0'+(month+1) : month+1,
M: this.getMonthAbbr(),
n: month+1,
t: this.getMonthDayCount(),
L: this.isLeapYear() ? '1' : '0',
Y: this.getFullYear(),
y: this.getFullYear()+''.substring(2,4),
a: hours > 12 ? 'pm' : 'am',
A: hours > 12 ? 'PM' : 'AM',
g: hours % 12 > 0 ? hours % 12 : 12,
G: hours > 0 ? hours : "12",
h: hours % 12 > 0 ? hours % 12 : 12,
H: hours,
i: minutes < 10 ? '0' + minutes : minutes,
s: seconds < 10 ? '0' + seconds : seconds
};
// loop through format array of characters and add matching data else add the format character (:,/, etc.)
var date_string = "";
for(var i=0;i<dateFormat.length;i++){
var f = dateFormat[i];
if(f.match(/[a-zA-Z]/g)){
date_string += date_props[f] ? date_props[f] : '';
} else {
date_string += f;
}
}
return date_string;
};
/*
*
* END - Date class extension
*
************************************/
对于自定义分隔日期格式，必须拉出日期（或时间）DateTimeFormat对象（它是ECMAScript国际化API），然后手动创建字符串使用所需的分隔符。
为此，可以使用DateTimeFormat#formatToParts。你可以销毁数组，但这并不理想，因为数组输出取决于区域设置：
｛//示例1设f=新Intl.DateTimeFormat（'en'）；让a=f.formatToParts（）；控制台日志（a）；}｛//示例2设f=新Intl.DateTimeFormat（'hi'）；让a=f.formatToParts（）；控制台日志（a）；}
最好将格式数组映射到结果字符串：
函数连接（t，a，s）{函数格式（m）{设f=新Intl.DateTimeFormat（'en'，m）；返回f.format（t）；}返回.map（格式）.join（s）；}让a＝〔｛日：‘数字’｝，｛月：‘短’｝、｛年：‘数字”｝〕；let s=join（新日期，a，'-'）；console.log；
还可以使用DateTimeFormat#格式，但请注意，使用此方法时，截至3月2020年，当涉及到分钟和秒的前导零（该方法避免了此错误以上）。
设d=新日期（2010，7，5）；let ye=新Intl.DateTimeFormat（'en'，｛year:'numeric'｝）.format（d）；let mo=新Intl.DateTimeFormat（'en'，{month:'short'}）.format（d）；let da=新Intl.DateTimeFormat（'en'，｛day:'2-位'｝）.format（d）；console.log（`${da}--${mo}-${ye}'）；
在处理日期和时间时，通常值得使用库（例如，luxon、date fns、moment.js不建议用于新项目），因为该领域有许多隐藏的复杂性。
注意，上述解决方案中使用的ECMAScript国际化APIIE10不支持（2月全球浏览器市场份额为0.03%）2020).
我们有很多解决方案，但我认为最好的是Moment.js。所以我个人建议将Moment.jss用于日期和时间操作。
console.log（moment（）.format（'DD-MMM-YYYY'））；<script src=“//cdnjs.cloudflare.com/ajax/libs/ment.js/2.14.1/moment.min.js”></script>
在JavaScript中格式化DateTime的一种有用且灵活的方法是Intl.DateTimeFormat：
var date = new Date();
var options = { year: 'numeric', month: 'short', day: '2-digit'};
var _resultDate = new Intl.DateTimeFormat('en-GB', options).format(date);
// The _resultDate is: "12 Oct 2017"
// Replace all spaces with - and then log it.
console.log(_resultDate.replace(/ /g,'-'));
结果是：“2017年10月12日”
可以使用options参数自定义日期和时间格式。
Intl.DateTimeFormat对象是启用语言敏感日期和时间格式的对象的构造函数。
语法
new Intl.DateTimeFormat([locales[, options]])
Intl.DateTimeFormat.call(this[, locales[, options]])
参数
区域设置
可选择的带有BCP 47语言标记的字符串或此类字符串的数组。有关locales参数的一般形式和解释，请参阅Intl页。允许使用以下Unicode扩展密钥：
nu
Numbering system. Possible values include: "arab", "arabext", "bali", "beng", "deva", "fullwide", "gujr", "guru", "hanidec", "khmr", "knda", "laoo", "latn", "limb", "mlym", "mong", "mymr", "orya", "tamldec", "telu", "thai", "tibt".
ca
Calendar. Possible values include: "buddhist", "chinese", "coptic", "ethioaa", "ethiopic", "gregory", "hebrew", "indian", "islamic", "islamicc", "iso8601", "japanese", "persian", "roc".
选项
可选择的具有以下部分或全部财产的对象：
本地匹配器
要使用的区域设置匹配算法。可能的值是“查找”和“最佳匹配”；默认值为“最佳拟合”。有关此选项的信息，请参阅Intl页面。
时区
要使用的时区。实现必须识别的唯一值是“UTC”；默认值是运行时的默认时区。实施还可以识别IANA时区数据库的时区名称，例如“亚洲/上海”、“亚洲/加尔各答”、“美国/纽约”。
小时12
是否使用12小时（而不是24小时）。可能的值为true和false；默认值取决于区域设置。
格式匹配器
要使用的格式匹配算法。可能的值是“基本”和“最适合”；默认值为“最佳拟合”。有关使用此属性的信息，请参见以下段落。
以下财产描述了格式化输出中使用的日期时间组件及其所需的表示。需要实现至少支持以下子集：
weekday, year, month, day, hour, minute, second
weekday, year, month, day
year, month, day
year, month
month, day
hour, minute, second
hour, minute
实现可能支持其他子集，并且将针对所有可用的子集表示组合来协商请求，以找到最佳匹配。有两种算法可用于此协商，并由formatMatcher属性选择：完全指定的“基本”算法和依赖于实现的“最佳匹配”算法。
周工作日
工作日的表示。可能的值有“窄”、“短”、“长”。
era
时代的代表。可能的值有“窄”、“短”、“长”。
year
年度的表示。可能的值为“数字”、“2位数”。
月
月份的表示。可能的值有“数字”、“2位数”、“窄”、“短”、“长”。
day
当天的表示。可能的值为“数字”、“2位数”。
hour
小时的表示。可能的值为“数字”、“2位数”。
分钟
会议记录的表示。可能的值为“数字”、“2位数”。
第二
第二个的表示。可能的值为“数字”、“2位数”。
时区名称
时区名称的表示形式。可能的值为“短”、“长”。每个日期时间组件属性的默认值未定义，但如果所有组件财产均未定义，则假定年、月和日为“数字”。
联机检查
更多详细信息
推荐文章
- if(key in object)或者if(object. hasownproperty (key)
- 一元加/数字(x)和parseFloat(x)之间的区别是什么?
- angularjs中的compile函数和link函数有什么区别
- 删除绑定中添加的事件监听器
- 很好的初学者教程socket.io?
- HtmlSpecialChars在JavaScript中等价于什么?
- React: 'Redirect'没有从' React -router-dom'中导出
- 如何在React中使用钩子强制组件重新渲染?
- 我如何使用Jest模拟JavaScript的“窗口”对象?
- 我如何等待一个承诺完成之前返回一个函数的变量?
- 在JavaScript中根据键值查找和删除数组中的对象
- 使嵌套JavaScript对象平放/不平放的最快方法
- 如何以及为什么'a'['toUpperCase']()在JavaScript工作?
- 有Grunt生成index.html不同的设置
- 文档之间的区别。addEventListener和window。addEventListener?
