字体版本

可以轻松增强以支持所需的任何格式字符串。当这样的通用解决方案非常容易创建，并且应用程序中经常出现日期格式时，我不建议在应用程序中对日期格式代码进行硬编码。这很难读懂，也隐藏了你的意图。格式字符串清楚地显示您的意图。

原型函数

interface Date {
    format(formatString: string): string;
}

Date.prototype.format = function (formatString: string): string {
  return Object.entries({
    YYYY: this.getFullYear(),
    YY: this.getFullYear().toString().substring(2),
    yyyy: this.getFullYear(),
    yy: this.getFullYear().toString().substring(2),
    MMMM: this.toLocaleString('default', { month: 'long' }),
    MMM: this.toLocaleString('default', { month: 'short' }),
    MM: (this.getMonth() + 1).toString().padStart(2, '0'),
    M: this.getMonth() + 1,
    DDDD: this.toLocaleDateString('default', { weekday: 'long' }),
    DDD: this.toLocaleDateString('default', { weekday: 'short' }),
    DD: this.getDate().toString().padStart(2, '0'),
    D: this.getDate(),
    dddd: this.toLocaleDateString('default', { weekday: 'long' }),
    ddd: this.toLocaleDateString('default', { weekday: 'short' }),
    dd: this.getDate().toString().padStart(2, '0'),
    d: this.getDate(),
    HH: this.getHours().toString().padStart(2, '0'), // military
    H: this.getHours().toString(), // military
    hh: (this.getHours() % 12).toString().padStart(2, '0'),
    h: (this.getHours() % 12).toString(),
    mm: this.getMinutes().toString().padStart(2, '0'),
    m: this.getMinutes(),
    SS: this.getSeconds().toString().padStart(2, '0'),
    S: this.getSeconds(),
    ss: this.getSeconds().toString().padStart(2, '0'),
    s: this.getSeconds(),
    TTT: this.getMilliseconds().toString().padStart(3, '0'),
    ttt: this.getMilliseconds().toString().padStart(3, '0'),
    AMPM: this.getHours() < 13 ? 'AM' : 'PM',
    ampm: this.getHours() < 13 ? 'am' : 'pm',
  }).reduce((acc, entry) => {
    return acc.replace(entry[0], entry[1].toString())
  }, formatString)
}

Javascript版本

同样，只需删除接口，以及冒号及其关联冒号之后的类型名称。

demo

function unitTest() {
    var d: Date = new Date()
    console.log(d.format('MM/dd/yyyy hh:mm:ss')) // 12/14/2022 03:38:31
    console.log(d.format('yyyy-MM-dd HH:mm:ss')) // 2022-12-14 15:38:31
}

unitTest()

包装解决方案：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。

使用此步骤

const MONTHS=['Jan'，'Feb'，'Mar'，'Apr'，'May'，'Jun'，'Jul'，'Aug'，'9'，'Oct'，'Nov'，'Dec']const date=新日期（）const dateString=`${date.getDate（）}-${MONTHS[date.getMonth（）]}--${date.getFullYear（）}`console.log（dateString）

这里有一些随时可以粘贴的时间/日期格式代码，它不依赖任何外部模块/库，也不使用jQuery或ES7或任何东西。与其他答案中的代码不同，此代码提供了以下功能组合：

它将JavaScript Date对象作为输入它可以将日期显示为本地时区或UTC它使用了一个简单的格式化系统“｛year4｝｛month02｝{second｝”，即使在编写代码后也很容易阅读和理解，而不像典型的“%D%m%-”，它总是强制您返回文档格式化系统不像某些特殊的“DD-MM-YYYY”系统那样具有任何奇怪的自冲突你可以在这里运行测试并尝试

//format_date（日期、模式、utc）//-日期//-JavaScript Date对象//-对当前时间使用“new Date（）”//-模式//-嵌入｛代码｝的字符串，如//“｛year4｝-｛month02｝-{day02｝：｛dayname3｝”//有关完整列表，请参阅下面的format_date_funcs//-其他字母不变//-utc//-如果为真，则显示UTC时间“区域”中的日期//-如果为假/忽略，则显示本地时区中的日期//变量月名称=[“一月”，“二月”，“三月”，“四月”，“五月”，“六月”，“七月”，“八月”、“九月”、“十月”、“十一月”、“十二月”];var星期名称=[“星期日”、“星期一”、“周二”，“周三”、“周四”、“周五”、“周六”];函数空间_pad2（num）{返回num<10？“”+num:num；}函数zero_pad2（num）{返回num<10？“0”+num:num；}函数空间_pad3（num）{如果（num<10）return“”+num；否则，如果（num<100）return“”+num；其他的返回num；}函数zero_pad3（num）{如果（num<10）return“00”+num；否则，如果（num<100）返回“0”+num；其他的返回num；}变量格式_日期_函数={//｛year4｝=“1902”//｛year02｝=“02”//“year4”：函数（日期，utc）{var年=utc？date.getUTCFullYear（）：date.getFullYear（）；回归年；},“year02”：函数（日期，utc）{var年=utc？date.getUTCFullYear（）：date.getFullYear（）；return year.toString（）.substr（2,2）；},//｛月｝=“1”-“12”//｛month2｝=“1”-“12”（空格填充）//｛month02｝=“01”-“12”//“月”：函数（日期，utc）{var月=utc？date.getUTCMonth（）：date.getMonth（）；//[0,11]回归月+1；},'month2'：函数（日期，utc）{var月=utc？date.getUTCMonth（）：date.getMonth（）；//[0,11]return space_pad2（月+1）；},“month02”：函数（日期，utc）{var月=utc？date.getUTCMonth（）：date.getMonth（）；//[0,11]返回zero_pad2（月+1）；},//｛monthname｝=“一月”//｛monthname3｝=“一月”//“monthname”：函数（日期，utc）{var月=utc？date.getUTCMonth（）：date.getMonth（）；//[0,11]return month_names[月]；},“monthname3”：函数（日期，utc）{var月=utc？date.getUTCMonth（）：date.getMonth（）；//[0,11]return month_names[month].substr（0，3）；},//｛day｝=“1”-“31”//｛day2｝=“1”-“31”（空格填充）//｛day02｝=“01”-“31”//“day”：函数（日期，utc）{var日期=utc？date.getUTCDate（）：date.getDate（）；//[1,31]返回日期；},“day2”：函数（日期，utc）{var日期=utc？date.getUTCDate（）：date.getDate（）；//[1,31]return space_pad2（日期）；},“day02”：函数（日期，utc）{var日期=utc？date.getUTCDate（）：date.getDate（）；//[1,31]返回zero_pad2（日期）；},//｛dayname｝=“星期二”//｛dayname3｝=“星期二”//“dayname”：函数（日期，utc）{var日=utc？date.getUTCDay（）：date.getDay（）；//[0,6]返回day_of_wweek_names[day]；},“dayname3”：函数（日期，utc）{var日=utc？date.getUTCDay（）：date.getDay（）；//[0,6]返回day_of_wweek_names[day].substr（0,3）；},//｛24小时｝=“0”-“23”//｛24小时2｝=“0”-“23”（空格填充）//｛24小时02｝=“00”-“23”//“24小时”：函数（日期，utc）{var小时=utc？date.getUTCHours（）：date.getHours（）；//[0,23]回程时间；},“24小时2”：功能（日期，utc）{var小时=utc？date.getUTCHours（）：date.getHours（）；//[0,23]返回space_pad2（小时）；},“24小时02”：功能（日期，utc）{var小时=utc？date.getUTCHours（）：date.getHours（）；//[0,23]返回zero_pad2（小时）；},//｛12小时｝=“1”-“12”//｛12小时2｝=“1”-“12”（空格填充）//｛12小时02｝=“01”-“12”//｛ampm｝=“上午”或“下午”//｛AMPM｝=“AM”或“PM”//“12小时”：函数（日期，utc）{var小时=utc？date.getUTCHours（）：date.getHours（）；//[0,23]小时=小时%12；//[0,11]如果（0===小时）小时=12；回程时间；},“12小时2”：功能（日期，utc）{var小时=utc？date.getUTCHours（）：date.getHours（）；//[0,23]小时=小时%12；//[0,11]如果（0===小时）小时=12；返回space_pad2（小时）；},“12小时02”：功能（日期，utc）{var小时=utc？date.getUTCHours（）：date.getHours（）；//[0,23]小时=小时%12；//[0,11]如果（0===小时）小时=12；返回zero_pad2（小时）；},“ampm”：函数（日期，utc）{var小时=utc？date.getUTCHours（）：date.getHours（）；//[0,23]返回（小时<12？“上午”：“下午”）；},“AMPM”：函数（日期，utc）{var小时=utc？date.getUTCHours（）：date.getHours（）；//[0,23]返回（小时<12？“AM”：“PM”）；},//｛分钟｝=“0”-“59”//｛minute2｝=“0”-“59”（空格填充）//｛minute02｝=“00”-“59”//“minute”：函数（日期，utc）{var分钟=utc？date.getUTCMinutes（）：date.getMinutes（）；//[0,59]返回分钟；},“minute2”：函数（日期，utc）{var分钟=utc？date.getUTCMinutes（）：date.getMinutes（）；//[0,59]返回space_pad2（分钟）；},“minute02”：函数（日期，utc）{var分钟=utc？date.getUTCMinutes（）：date.getMinutes（）；//[0,59]返回zero_pad2（分钟）；},//｛second｝=“0”-“59”//｛second2｝=“0”-“59”（空格填充）//｛second02｝=“00”-“59”//“秒”：函数（日期，utc）{var秒=utc？date.getUTCSeconds（）：date.getSeconds（）；//[0,59]

尽管new Date（）.toISOString（）.slice（0，10）；对于我的正常用例来说，这是一个非常时髦的风格，我不喜欢前几个更为定制的字符串的答案，我给了自己几分钟的时间，让自己尽可能地时髦一点。

我没有看到我提出的解决方案，所以这里是。。。

((d,x)=>`${d.getFullYear()}-${x(d.getMonth()+1)}-${x(d.getDate())}`)
    (new Date(), (x)=>x.toString().padStart(2,"0"))

// today that produces
// '2022-09-28'
// the same as new Date().toISOString().slice(0, 10)
// but provides a good framework for other orders or values

伪IIFE获胜。

这里解决的问题当然是。。。

您可能需要使用前导零将天数和月份设置为小于10。因此，传入一个将强制转换为string&padStarts的函数。您需要在那里获得相同的日期，而不需要反复使用新的date（）。获取“now”（newDate（））并作为参数传入以供重用。你必须为getMonth添加1。这样做。

即使你需要映射到月份缩写之类的东西，你也可以使用类似的技巧，这并不是很可爱。

((d,x,y)=>`${x(d.getDate())} ${y(d.getMonth())} ${d.getFullYear()}`)
    (
     new Date(), 
     (x)=>x.toString().padStart(2,"0"), 
     (m)=>"jan,feb,mar,apr,may,jun,jul,aug,sep,oct,nov,dec".split(',')[m]
    )

// As of this writing, that yields...
// '28 sep 2022'

（显然，为了增加清晰度，两者都去掉了空格；不希望代码块滚动）

…尽管我很难推荐这样做，但出于某种奇怪的原因，我只能从控制台创建测试值。真的很奇怪，没有toString（'yyyy-mm-dd'），这是我所能做到的。

我知道有人可能会说这是一个愚蠢的解决方案，但它确实做到了从日期字符串中删除不必要的信息。

yourDateObject生成：

2017年12月13日星期三20:40:40 GMT+0200（欧洲东部时间）

yourDateObject.toString（）.sslice（0，15）；生产：

2017年12月13日星期三