如果您已经在项目中使用jQuery UI，您可以这样做：

var formatted = $.datepicker.formatDate("M d, yy", new Date("2014-07-08T09:02:21.377"));

// formatted will be 'Jul 8, 2014'

这里提供了一些可以使用的日期选择器日期格式选项。

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

未彻底测试

该模块可以轻松处理几乎所有的情况。它是一个更大的npm包的一部分，由Locutus提供，该包包含多种功能，但它可以完全独立于包本身使用，如果不使用npm（从模块更改为仅功能），只需复制粘贴/调整一点即可。

作为第二个参数，它接受时间戳，它可以来自任何地方，例如Date.getTime（）。

此外，Locutus还在locatus包中维护了一个更大的datetime模块，这将提供一种更面向对象的使用方法。

在这里，您可以看到其他日期时间函数（作为模块），这些函数也非常有用。

您可以在这里找到关于参数和格式字符串的文档（注意，文档站点是一个PHP站点，但locatus实现遵循完全相同的规范）。

日期模块示例

date('H:m:s \\m \\i\\s \\m\\o\\n\\t\\h', 1062402400)//'07:09:40 m is month'

date('F j, Y, g:i a', 1062462400)//'September 2, 2003, 12:26 am'

date('Y W o', 1062462400)//'2003 36 2003'

var $x = date('Y m d', (new Date()).getTime() / 1000) $x = $x + '' var $result = $x.length // 2009 01 09    10

date('W', 1104534000)    //'52'

date('B t', 1104534000)    //'999 31'

date('W U', 1293750000.82); // 2010-12-31    '52 1293750000'

date('W', 1293836400); // 2011-01-01    '52'

date('W Y-m-d', 1293974054); // 2011-01-02    '52 2011-01-02'

这可以帮助：

export const formatDateToString = date => {
    if (!date) {
        return date;
    }
    try {
        return format(parse(date, 'yyyy-MM-dd', new Date()), 'dd/MM/yyyy');
    } catch (error) {
        return 'invalid date';
    }
};

Date构造函数（和Date.parse（））在构造日期时只接受一种格式作为参数，即ISO 8601：

// new Date('YYYY-MM-DDTHH:mm:ss.sssZ')
const date = new Date('2017-08-15')

但由于浏览器的差异和不一致性，强烈不建议从字符串中解析（MDN建议不要使用日期字符串创建日期）。

建议的替代方法是直接从数字数据构建Date实例，如下所示：

new Date(2017, 7, 15) // Month is zero-indexed

这就是解析。现在，要将日期格式化为所需的字符串，您有几个date对象的本地选项（尽管我认为没有一个符合您所需的格式）：

date.toString()       // 'Wed Jan 23 2019 17:23:42 GMT+0800 (Singapore Standard Time)'
date.toDateString()   // 'Wed Jan 23 2019'
date.toLocaleString() // '23/01/2019, 17:23:42'
date.toGMTString()    // 'Wed, 23 Jan 2019 09:23:42 GMT'
date.toUTCString()    // 'Wed, 23 Jan 2019 09:23:42 GMT'
date.toISOString()    // '2019-01-23T09:23:42.079Z'

对于其他格式选项，恐怕您必须使用Moment.js、day.js等库。

这篇文章中的日期格式提示归功于Zell Liew。

该函数的灵感来自Java的SimpleDateFormat。它提供各种格式，例如：

dd-MMM-yyyy → 17-Jul-2018
yyyyMMdd'T'HHmmssXX → 20180717T120856+0900
yyyy-MM-dd'T'HH:mm:ssXXX → 2018-07-17T12:08:56+09:00
E, dd MMM yyyy HH:mm:ss Z → Tue, 17 Jul 2018 12:08:56 +0900
yyyy.MM.dd 'at' hh:mm:ss Z → 2018.07.17 at 12:08:56 +0900
EEE, MMM d, ''yy → Tue, Jul 17, '18
h:mm a → 12:08 PM
hh 'o''''clock' a, X → 12 o'clock PM, +09

代码示例：

函数formatWith（formatStr，date，opts）{if（！date）{date=新日期（）；}opts=opts||{}；let _days=opts.days；如果（！_days）{_days=[星期日、星期一、星期二、星期三、星期四、星期五、星期六]；}let _months=opts.months；如果（！_months）{_months=['Jan'，'Feb'，'Mar'，'Apr'，'May'，'Jun'，'Jul'，'Aug'，'Sep'，'Oct'，'Nov'，'Dec']；}常量pad=（number，strDigits，isUnpad）=>{const strNum=number.toString（）；如果（！isUnpad&&strNum.length>strDigits.length）{返回strNum；}其他{return（'0000'+strNum）.sslice（-strDigits.length）；}};常量时区=（日期，字母）=>{常量块=[]；const offset=-date.getTimezoneOffset（）；chunk.push（偏移量==0？“Z”：偏移量>0？“+”：“-”）//添加Z或+-如果（偏移量==0）返回块；chunk.push（pad（数学地板（偏移量/60），“00”））//小时if（letter==“X”）返回chunk.join（“”）；if（letter=='XXX'）chunk.push（':'）；chunk.push（pad（（偏移量%60），'00'））//最小值return chunk.join（“”）；};const ESCAPE_DELIM=“\0”；常量escapeStack=[]；const escapedFmtStr=格式Str.替换（/'.*？'/g，m=>{escapeStack.push（m.replace（/'/g，''））；return ESCAPE_DELIM+（escapeStack.length-1）+ESCAPE_DELIM；});常量格式化Str=转义FmtStr.replace（/y｛4｝| y｛2｝/g，m=>pad（date.getFullYear（），m，true））.replace（/M｛3｝/g，M=>_months[date.getMonth（）]）.replace（/M｛1,2｝/g，M=>pad（date.getMonth（）+1，M））.replace（/M｛1,2｝/g，M=>pad（date.getMonth（）+1，M））.replace（/d｛1,2｝/g，m=>pad（date.getDate（），m））.replace（/H｛1,2｝/g，m=>pad（date.getHours（），m））.替换（/h｛1,2｝/g，m=>{const hours=date.getHours（）；返回垫（小时==0？12:小时>12？小时-12:小时，m）；}).replace（/a｛1,2｝/g，m=>date.getHours（）>=12？'下午：上午）.replace（/m｛1,2｝/g，m=>pad（date.getMinutes（），m））.replace（/s｛1,2｝/g，m=>pad（date.getSeconds（），m））.replace（/S｛3｝/g，m=>pad（date.getMilliseconds（），m））.replace（/[E]+/g，m=>_days[date.getDay（）]）.替换（/[Z]+/g，m=>时区（日期，m））.替换（/X｛1,3｝/g，m=>时区（日期，m））;const unescapedStr=格式化Str.替换（/\0\d+\0/g，m=>{const unescaped=escapeStack.shift（）；返回unscaped.length>0？未转义：“\”；});返回unscapedStr；}//让我们用上面的函数格式化const dateStr='2018/07/17 12:08:56'；const date=新日期（dateStr）；常量模式=[“年-月-日”，“yyyyMMdd''HHmmssXX”，//ISO8601“yyyy-MM-dd''HH:MM:ssXXX”，//ISO8601EX“E，dd MMM yyyy HH:mm:ss Z”，//RFC1123（RFC822）类似电子邮件“yyyy.MM.dd'at'hh:MM:ss Z”，//hh显示1-12“EEE，MMM d，'yy”，“h:mm a”，“hh'o'''时钟'a，X”，];for（let模式）{console.log（`$｛pattern｝→ $｛formatWith（pattern，date）｝`）；}

你可以把它当作图书馆

它也作为NPM模块发布。您可以在Node.js上使用它，也可以在浏览器的CDN中使用它。

节点.js

const {SimpleDateFormat} = require('@riversun/simple-date-format');

在浏览器中

<script src="https://cdn.jsdelivr.net/npm/@riversun/simple-date-format@1.0.2/dist/simple-date-format.js"></script>

按照以下步骤编写代码。

const date = new Date('2018/07/17 12:08:56');
const sdf = new SimpleDateFormat();
console.log(sdf.formatWith("yyyy-MM-dd'T'HH:mm:ssXXX", date));//to be "2018-07-17T12:08:56+09:00"

GitHub上的源代码：

https://github.com/riversun/simple-date-format