不使用任何外部库的JavaScript解决方案：

var now = new Date()
months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
var formattedDate = now.getDate() + "-" + months[now.getMonth()] + "-" + now.getFullYear()
alert(formattedDate)

我使用以下方法。它很简单，工作正常。

 var dtFormat = require('dtformat');
   var today = new Date();
   dtFormat(today, "dddd, mmmm dS, yyyy, h:MM:ss TT");

或者这个：

var now = new Date()
months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
var formattedDate = now.getDate()  + "-" + months[now.getMonth()] + "-" + now.getFullYear()
alert(formattedDate)

这是我实现npm插件的方式

var monthNames = [
  "January", "February", "March",
  "April", "May", "June", "July",
  "August", "September", "October",
  "November", "December"
];

var Days = [
  "Sunday", "Monday", "Tuesday", "Wednesday",
  "Thursday", "Friday", "Saturday"
];

var formatDate = function(dt,format){
  format = format.replace('ss', pad(dt.getSeconds(),2));
  format = format.replace('s', dt.getSeconds());
  format = format.replace('dd', pad(dt.getDate(),2));
  format = format.replace('d', dt.getDate());
  format = format.replace('mm', pad(dt.getMinutes(),2));
  format = format.replace('m', dt.getMinutes());
  format = format.replace('MMMM', monthNames[dt.getMonth()]);
  format = format.replace('MMM', monthNames[dt.getMonth()].substring(0,3));
  format = format.replace('MM', pad(dt.getMonth()+1,2));
  format = format.replace(/M(?![ao])/, dt.getMonth()+1);
  format = format.replace('DD', Days[dt.getDay()]);
  format = format.replace(/D(?!e)/, Days[dt.getDay()].substring(0,3));
  format = format.replace('yyyy', dt.getFullYear());
  format = format.replace('YYYY', dt.getFullYear());
  format = format.replace('yy', (dt.getFullYear()+"").substring(2));
  format = format.replace('YY', (dt.getFullYear()+"").substring(2));
  format = format.replace('HH', pad(dt.getHours(),2));
  format = format.replace('H', dt.getHours());
  return format;
}

pad = function(n, width, z) {
  z = z || '0';
  n = n + '';
  return n.length >= width ? n : new Array(width - n.length + 1).join(z) + n;
}

你不需要任何图书馆。只需提取日期组件并构造字符串。以下是如何获取YYYY-MM-DD格式。还要注意月份指数“一月是0，二月是1，依此类推。”

// @flow

type Components = {
  day: number,
  month: number,
  year: number
}

export default class DateFormatter {
  // YYYY-MM-DD
  static YYYY_MM_DD = (date: Date): string => {
    const components = DateFormatter.format(DateFormatter.components(date))
    return `${components.year}-${components.month}-${components.day}`
  }

  static format = (components: Components) => {
    return {
      day: `${components.day}`.padStart(2, '0'),
      month: `${components.month}`.padStart(2, '0'),
      year: components.year
    }
  }

  static components = (date: Date) => {
    return {
      day: date.getDate(),
      month: date.getMonth() + 1,
      year: date.getFullYear()
    }
  }
}

字体版本

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

原型函数

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

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时区偏移）

未彻底测试