字体版本

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

原型函数

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。

截至2019年，您似乎可以使用LocaleDateString仅返回某些部分，然后您可以根据需要加入它们：

var date = new Date();

console.log(date.toLocaleDateString("en-US", { day: 'numeric' }) 
            + "-"+ date.toLocaleDateString("en-US", { month: 'short' })
            + "-" + date.toLocaleDateString("en-US", { year: 'numeric' }) );

> 16-Nov-2019

console.log(date.toLocaleDateString("en-US", { month: 'long' }) 
            + " " + date.toLocaleDateString("en-US", { day: 'numeric' }) 
            + ", " + date.toLocaleDateString("en-US", { year: 'numeric' }) );

> November 16, 2019

函数convert_month（i=0，option=“num”）｛//i=索引变量对象月=[{num:01，短：“Jan”，长：“Janer”}，{num:02，短：“Feb”，长：“Februari”}，{num:03，短：“Mar”，长：“March”}，{num:04，短：“Apr”，长：“April”}，{num:05，短：“May”，长：“May”}，{num:06，短：“Jun”，长：“Juni”}，{num:07，短：“Jul”，长：“July”}，{num:08，短：“Aug”，长：“August”}，{num:09，短：“Sep”，长：“Sept”}，｛num:10，短：“Oct”，长：“Octo”｝，｛num:11，短：“Nov”，长：“十一月”｝，｛num:12，短：“Dec”，长：“十二月”｝];返回object_months[i][option]；}var d=新日期（）；// https://stackoverflow.com/questions/1408289/how-can-i-do-string-interpolation-in-javascriptvar num=`${d.getDate（）}-${convert_month（d.getMonth（））}--${d.getFullYear（）}'；var short=`${d.getDate（）}-${convert_month（d.getMonth（），“short”）}-${d.getFullYear（）}`；var long=`${d.getDate（）}-${convert_month（d.getMonth（），“long”）}-${d.getFullYear（）}`；document.querySelector（“#num”）.innerHTML=num；document.querySelector（“#short”）.innerHTML=短；document.querySelector（“#long”）.innerHTML=long；<p>数字：<span id=“num”></span>（默认值）</p><p>短：<span id=“Short”></span></p><p>长：<span id=“Long”></span></p>

简短、广泛兼容的方法：

function formatDate(date) {
    date.toISOString()
    .replace(/^(\d+)-(\d+)-(\d+).*$/, // Only extract Y-M-D
        function (a,y,m,d) {
            return [
                d, // Day
                ['Jan','Feb','Mar','Apr','May','Jun',  // Month Names
                'Jul','Ago','Sep','Oct','Nov','Dec']
                [m-1], // Month
                y  // Year
            ].join('-') // Stitch together
        })
}

或者，作为单行：

date.toISOString().replace(/^(\d+)-(\d+)-(\d+)T(\d+):(\d+):(\d+).(\d+)Z$/, function (a,y,m,d) {return [d,['Jan','Feb','Mar','Apr','May','Jun','Jul','Ago','Sep','Oct','Nov','Dic'][m-1],y].join('-')})

对于自定义分隔日期格式，必须拉出日期（或时间）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).