两个纯JavaScript单行程序

在这个答案中，我发展了JD Smith的想法。我能够缩短JD-Smith正则表达式。

let format=d=>d.toString（）.replace（/\w+（\w+）（\d+）（\d+）.*/，'$2-$1-$3'）；console.log（格式（Date（）））；

Dave的也是基于JD Smith的想法，但他避免了正则表达式，并给出了一个非常好的解决方案——我稍微缩短了他的解决方案（通过更改拆分参数），并在包装器中使其不透明。

let format=（d，a=d.toString（）.split``）=>a[2]+“-”+a[1]+“-“+a[3]；console.log（格式（Date（）））；

截至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

DateFormatter.formatDate（新日期（2010,7,10），'DD-MMM-YYYY'）

=>2010年8月10日

DateFormatter.formatDate（new Date（），'YYYY-MM-DD HH:MM:ss'）

=>2017-11-22 19:52:37

DateFormatter.formatDate（新日期（2005，1，2，3，4，5），'D DD DDD DDD，M MM MMM MMMM，YY YYYY，h hh h hh，M MM，s ss，a a'）

=>2002年2月2日星期三2005年2月5日，2003年3月3日，4月4日，5月5日上午

var日期格式设置工具={月份名称：[“一月”，“二月”，“三月”，“四月”，“五月”，“六月”，“七月”、“八月”、“九月”、“十月”、“十一月”、“十二月”],dayName:[“星期日”、“星期一”、“周二”、“周三”、“周四”、“周五”、“周六”]，formatDate：函数（日期，格式）{var self=this；format=self.getProperDigits（format，/d+/gi，date.getDate（））；format=self.getProperDigits（格式，/M+/g，date.getMonth（）+1）；format=format.replace（/y+/gi，函数（y）{var len=y.length；var year=date.getFullYear（）；如果（长度==2）return（年份+“”）.sslice（-2）；否则如果（len==4）回归年；返回y；})format=self.getProperDigits（格式，/H+/g，date.getHours（））；format=self.getProperDigits（格式，/h+/g，self.getHours12（date.getHours（）））；format=self.getProperDigits（format，/m+/g，date.getMinutes（））；format=self.getProperDigits（format，/s+/gi，date.getSeconds（））；format=format.replace（/a/ig，函数（a）{var amPm=self.getAmPm（date.getHours（））如果（a==“a”）返回amPm.toUpperCase（）；返回amPm；})format=self.getFullOr3Letters（format，/d+/gi，self.dayNames，date.getDay（））format=self.getFullOr3Letters（format，/M+/g，self.monthNames，date.getMonth（））返回格式；},getProperDigits：函数（格式、正则表达式、值）{return format.replace（正则表达式，函数（m）{var长度=m.length；如果（长度==1）返回值；否则如果（长度==2）return（“0”+值）.sslice（-2）；返回m；})},getHours12：函数（小时）{// https://stackoverflow.com/questions/10556879/changing-the-1-24-hour-to-1-12-hour-for-the-gethours-method返回（小时+24）%12||12；},getAmPm：函数（小时）{// https://stackoverflow.com/questions/8888491/how-do-you-display-javascript-datetime-in-12-hour-am-pm-format回程时间>=12？'下午'：'上午'；},getFullOr3Letters：函数（格式，正则表达式，名称数组，值）{return format.replace（正则表达式，函数）{var len=s.length；如果（长度==3）return nameArray[value].substr（0，3）；否则如果（len==4）return nameArray[value]；返回s；})}}console.log（DateFormatter.formatDate（new Date（），'YYYY-MM-DD HH:MM:ss'））；console.log（DateFormatter.formatDate（new Date（），'D DD DDD DDDD，M MM MMM MMMM，YY YYYY，h hh h hh，M MM，s ss，a a'））；console.log（DateFormatter.formatDate（新日期（2005，1，2，3，4，5），'D DD DDD DDDD，M MM MMM MMMM，YY YYYY，h hh h hh，M MM，s ss，a a'））；

格式描述取自Ionic Framework（它不支持Z、UTC时区偏移）

未彻底测试

如果您对格式的控制比当前接受的答案稍少，则可以使用Date#toLocaleDateString创建标准的特定于区域设置的渲染。区域设置和选项参数允许应用程序指定应使用其格式约定的语言，并允许对渲染进行一些自定义。

选项关键示例：

日期：当天的表示。可能的值为“数字”、“2位数”。工作日：工作日的表示。可能的值有“窄”、“短”、“长”。年份：年度的表示。可能的值为“数字”、“2位数”。月份：月份的表示。可能的值有“数字”、“2位数”、“窄”、“短”、“长”。小时：小时的表示。可能的值为“数字”、“2位数”。分钟：会议记录的表示。可能的值为“数字”、“2位数”。第二：第二个的表示。可能的值为“数字”和“2位”。

所有这些键都是可选的。您可以根据需要更改选项值的数量，这也将反映每个日期时间项的存在。

注意：如果您只想配置内容选项，但仍然使用当前区域设置，则为第一个参数传递null将导致错误。改用undefined。

对于不同的语言：

“en-US”：用于美式英语“en-GB”：用于英国英语“hi IN”：印地语“ja JP”：日语

您可以使用更多语言选项。

例如

var options＝{weeday:'long'，year:'numeric'，month:'long'，day:'numeric'}；var today=新日期（）；console.log（toLocaleDateString（“en-US”））；//9/17/2016console.log（toLocaleDateString（“en-US”，选项））；//2016年9月17日，星期六console.log（toLocaleDateString（“hi IN”，选项））；//शनिवार, 17सितंबर 2016

您也可以使用toLocaleString（）方法来实现同样的目的。唯一的区别是该函数提供了不传递任何选项的时间。

// Example
9/17/2016, 1:21:34 PM

参考文献：

toLocaleString（）到LocaleDateString（）

函数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>

字体版本

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

原型函数

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()