如何将Date对象格式化为字符串？
当前回答
要获得“2010年8月10日”，请尝试：
var date = new Date('2010-08-10 00:00:00');
date = date.toLocaleDateString(undefined, {day:'2-digit'}) + '-' + date.toLocaleDateString(undefined, {month:'short'}) + '-' + date.toLocaleDateString(undefined, {year:'numeric'})
有关浏览器支持，请参阅toLocaleDateString。
其他回答
包装解决方案：Luxon或date fns
如果你想使用一个解决方案来适应所有人，我建议使用date fns或Luxon。
Luxon托管在Moment.js网站上，由Moment.jss开发人员开发，因为Momentjs具有开发人员想解决但无法解决的局限性。
要安装：
npm安装luxon或纱线添加luxon（其他安装方法请访问链接）
例子：
luxon.DateTime.fromISO（'2010-08-10'）.toFormat（'yyyy-LL-dd'）；
产量：
2010年8月10日
手动解决方案
使用与Moment.js、ClassDateTimeFormatter（Java）和ClassSimpleDateFormat（Java）类似的格式，我实现了一个全面的解决方案formatDate（date，patternStr），代码易于阅读和修改。您可以显示日期、时间、AM/PM等。有关更多示例，请参阅代码。
例子：
formatDate（new Date（），'EEEE，MMMM d，yyyy HH:mm:ss:S'）
（formatDate在下面的代码段中实现）
产量：
2018年10月12日星期五18:11:23:445
单击“运行代码段”尝试代码
日期和时间模式
yy=2位年份；yyyy=全年
M=数字月；MM=2位月；MMM=短月份名称；MMMM=完整月份名称
EEEE=工作日全名；EEE=短工作日名称
d=数字日；dd=2位数字日
h=小时上午/下午；hh=上午/下午两位数小时；H=小时；HH=2位数小时
m=分钟；mm=2位数分钟；aaa=上午/下午
s=秒；ss=2位数秒
S=毫秒
var month名称=[“一月”，“二月”，“三月”，“四月”，“五月”，“六月”，“七月”，“八月”、“九月”、“十月”、“十一月”、“十二月”];var dayOfWeekNames=[“星期日”、“星期一”、“周二”，“周三”、“周四”、“周五”、“周六”];函数formatDate（日期，patternStr）{if（！patternStr）{patternStr='M/d/yyyy'；}var day=date.getDate（），month=date.getMonth（），year=date.getFullYear（），hour=date.getHours（），minute=date.getMinutes（），second=date.getSeconds（），毫秒=date.getMilliseconds（），h=小时%12，hh=两位数广告（h），HH=两位数（小时），mm=两个DigitPad（分钟），ss＝twoDigitPad（秒），aaa=小时<12？'上午：下午，EEEE=dayOfWeekNames[date.getDay（）]，EEE=EEEE.substr（0，3），dd＝twoDigitPad（天），M=月+1，MM＝两个DigitPad（M），MMMM=monthNames[月]，MMM＝MMMM.substr（0，3），yyyy=年+“”，yy=yyyy.substr（2，2）;//检查是否将使用月份名称patternStr=patternStr.替换（'h'，hh）.替换（'h'，h）替换（'HH'，HH）替换（'H'，小时）.替换（'m'，mm）.替换（m'，分钟）.替换（'s'，ss）.替换（s''，second）.replace（'S'，毫秒）替换（'dd'，dd）替换（'d'，day）替换（'EEE'，EEEE）替换（'EE'，EEE）替换（'yyyy'，yyyy）.替换（'yy'，yy）.替换（'aaa'，aaa）；如果（patternStr.indexOf（'MMM'）>-1）{patternStr=patternStr.替换（'MMMM'，MMMM）.替换（'MMM'，MMM）；}其他{patternStr=patternStr.替换（'MM'，MM）.替换（M’，M）；}返回模式Str；}函数twoDigitPad（num）{返回num<10？“0”+num:num；}console.log（formatDate（newDate（）））；console.log（formatDate（new Date（），'dd MMM yyyy'））//OP的请求console.log（formatDate（new Date（），'EEEE，MMMM d，yyyy HH:mm:ss.S aaa'））；console.log（formatDate（new Date（），'EEE，MMM d，yyyy HH:mm'））；console.log（formatDate（new Date（），'yyyy-MM-dd HH:MM:ss.S'））；console.log（formatDate（new Date（），'M/dd/yyyy h:mmaa'））；
谢谢你@Gerry提起Luxon。
对于自定义分隔日期格式，必须拉出日期（或时间）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).
使用date.format库：
var dateFormat = require('dateformat');
var now = new Date();
dateFormat(now, "dddd, mmmm dS, yyyy, h:MM:ss TT");
返回：
Saturday, June 9th, 2007, 5:46:21 PM
npm上的日期格式
http://jsfiddle.net/phZr7/1/
自定义格式设置函数：
对于固定格式，一个简单的函数即可完成任务。以下示例生成国际格式YYYY-MM-DD：
函数dateToYMD（日期）{var d=date.getDate（）；var m=date.getMonth（）+1//从0到11的月份var y=date.getFullYear（）；返回“”+y+“-”+（m<=9？“0”+m:m）+”-“+（d<=9！“0”+d:d）；}console.log（dateToYMD（新日期（2017,10,5））；//11月5日
OP格式可以如下生成：
函数dateToYMD（日期）{var strArray=['Jan'，'Feb'，'Mar'，'Apr'，'May'，'Jun'，'Jul'，'Aug'，'Sep'，'Oct'，'Nov'，'Dec']；var d=date.getDate（）；var m=strArray[date.getMonth（）]；var y=date.getFullYear（）；返回“”+（d<=9？“0”+d:d）+“-”+“+m+”-“+y；}console.log（dateToYMD（新日期（2017,10,5））；//11月5日
注意：然而，扩展JavaScript标准库通常不是一个好主意（例如，通过将此函数添加到Date的原型中）。
更高级的功能可以基于格式参数生成可配置的输出。
如果编写一个格式化函数太长，那么周围有很多库可以执行它。其他一些答案已经列举了它们。但日益增加的依赖性也有反作用。
标准ECMAScript格式化函数：
自从ECMAScript的最新版本以来，Date类具有一些特定的格式化函数：
toDateString：依赖于实现，仅显示日期。https://262.ecma-international.org/#sec-日期.协议类型.日期new Date（）.toDateString（）；//例如“2016年11月11日星期五”
toISOString：显示ISO 8601日期和时间。https://262.ecma-international.org/#sec-日期.协议类型.toisostringnew Date（）.toISOString（）；//例如“2016-11-21T08:00:00.000Z”
toJSON：JSON的Stringer。https://262.ecma-international.org/#sec-日期.原型.项目new Date（）.toJSON（）；//例如“2016-11-21T08:00:00.000Z”
toLocaleDateString：依赖于实现，区域设置格式的日期。https://262.ecma-international.org/#sec-日期.协议类型.颜色日期字符串new Date（）.toLocaleDateString（）；//例如“2016年11月21日”
toLocaleString：依赖于实现，是区域设置格式的日期和时间。https://262.ecma-international.org/#sec-日期.协议类型.颜色字符串new Date（）.toLocaleString（）；//例如“2016年11月21日上午08:00:00”
toLocaleTimeString：依赖于实现，以区域设置格式表示时间。https://262.ecma-international.org/#sec-日期.协议类型.颜色时间字符串new Date（）.toLocaleTimeString（）；//例如“08:00:00 AM”
toString：日期的通用toString。https://262.ecma-international.org/#sec-日期.协议类型.测试new Date（）.toString（）；//例如“2016年11月21日星期五08:00:00 GMT+0100（西欧标准时间）”
注意：可以使用这些格式生成自定义输出>
new Date（）.toISOString（）.slice（0,10）//返回YYYY-MM-DD
示例片段：console.log（“1）”+new Date（）.toDateString（））；console.log（“2）”+new Date（）.toISOString（））；console.log（“3）”+new Date（）.toJSON（））；console.log（“4）”+new Date（）.toLocaleDateString（））；console.log（“5）”+new Date（）.toLocaleString（））；console.log（“6）”+new Date（）.toLocaleTimeString（））；console.log（“7）”+new Date（）.toString（））；console.log（“8）”+new Date（）.toISOString（）.slice（0,10））；
指定标准函数的区域设置：
上面列出的一些标准函数取决于语言环境：
到LocaleDateString（）到LocaleTimeString（）到LocalString（）
这是因为不同的文化使用不同的格式，并以不同的方式表达他们的日期或时间。默认情况下，该函数将返回在其运行的设备上配置的格式，但这可以通过设置参数（ECMA-402）来指定。
toLocaleDateString([locales[, options]])
toLocaleTimeString([locales[, options]])
toLocaleString([locales[, options]])
//e.g. toLocaleDateString('ko-KR');
选项第二个参数允许在所选区域设置中配置更具体的格式。例如，月份可以显示为全文或删节。
toLocaleString('en-GB', { month: 'short' })
toLocaleString('en-GB', { month: 'long' })
示例片段：console.log（“1）”+new Date（）.toLocaleString（'en-US'））；console.log（“2）”+new Date（）.toLocaleString（'ko-KR'））；console.log（“3）”+新日期（）.toLocaleString（'de-CH'））；console.log（“4）”+new Date（）.toLocaleString（'en-GB'，｛hour12:false｝））；console.log（“5）”+new Date（）.toLocaleString（'en-GB'，｛hour12:true｝））；
关于区域设置的一些良好做法：
大多数人不喜欢他们的日期以外国人的格式显示，因此，尽可能保持默认的语言环境（而不是到处设置“en-US”）。实现从UTC到UTC的转换可能具有挑战性（考虑到DST、时区不是1小时的倍数等）。尽可能使用经过良好测试的库。不要假设语言环境与一个国家相关：几个国家都有很多语言环境（加拿大、印度等）避免通过非标准方式检测区域设置。在这里，您可以了解到多个陷阱：检测键盘布局、按地理位置检测区域设置等。。
只需执行以下操作：-
let date = new Date().toLocaleDateString('en-us',{day: 'numeric'})
let month = new Date().toLocaleDateString('en-us',{month: 'long'})
let year = new Date().toLocaleDateString('en-us',{year: 'numeric'})
const FormattedDate = `${date}-${month}-${year}`
console.log(FormattedDate) // 26-March-2022
