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

我们有很多解决方案，但我认为最好的是Moment.js。所以我个人建议将Moment.jss用于日期和时间操作。

console.log（moment（）.format（'DD-MMM-YYYY'））；<script src=“//cdnjs.cloudflare.com/ajax/libs/ment.js/2.14.1/moment.min.js”></script>

该函数的灵感来自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

这可以帮助：

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。

使用ECMAScript Edition 6（ES6/ES2015）字符串模板：

let d = new Date();
let formatted = `${d.getFullYear()}-${d.getMonth() + 1}-${d.getDate()}`;

如果需要更改分隔符：

const delimiter = '/';
let formatted = [d.getFullYear(), d.getMonth() + 1, d.getDate()].join(delimiter);