如何将Date对象格式化为字符串？
当前回答
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时区偏移）
未彻底测试
其他回答
我们有很多解决方案，但我认为最好的是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>
这可以帮助：
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';
}
};
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时区偏移）
未彻底测试
这是我刚刚编写的一些代码，用于处理我正在处理的项目的日期格式。它模仿了PHP日期格式功能，以满足我的需要。请随意使用它，它只是扩展了现有的Date（）对象。这可能不是最优雅的解决方案，但它符合我的需求。
var d = new Date();
d_string = d.format("m/d/Y h:i:s");
/**************************************
* Date class extension
*
*/
// Provide month names
Date.prototype.getMonthName = function(){
var month_names = [
'January',
'February',
'March',
'April',
'May',
'June',
'July',
'August',
'September',
'October',
'November',
'December'
];
return month_names[this.getMonth()];
}
// Provide month abbreviation
Date.prototype.getMonthAbbr = function(){
var month_abbrs = [
'Jan',
'Feb',
'Mar',
'Apr',
'May',
'Jun',
'Jul',
'Aug',
'Sep',
'Oct',
'Nov',
'Dec'
];
return month_abbrs[this.getMonth()];
}
// Provide full day of week name
Date.prototype.getDayFull = function(){
var days_full = [
'Sunday',
'Monday',
'Tuesday',
'Wednesday',
'Thursday',
'Friday',
'Saturday'
];
return days_full[this.getDay()];
};
// Provide full day of week name
Date.prototype.getDayAbbr = function(){
var days_abbr = [
'Sun',
'Mon',
'Tue',
'Wed',
'Thur',
'Fri',
'Sat'
];
return days_abbr[this.getDay()];
};
// Provide the day of year 1-365
Date.prototype.getDayOfYear = function() {
var onejan = new Date(this.getFullYear(),0,1);
return Math.ceil((this - onejan) / 86400000);
};
// Provide the day suffix (st,nd,rd,th)
Date.prototype.getDaySuffix = function() {
var d = this.getDate();
var sfx = ["th","st","nd","rd"];
var val = d%100;
return (sfx[(val-20)%10] || sfx[val] || sfx[0]);
};
// Provide Week of Year
Date.prototype.getWeekOfYear = function() {
var onejan = new Date(this.getFullYear(),0,1);
return Math.ceil((((this - onejan) / 86400000) + onejan.getDay()+1)/7);
}
// Provide if it is a leap year or not
Date.prototype.isLeapYear = function(){
var yr = this.getFullYear();
if ((parseInt(yr)%4) == 0){
if (parseInt(yr)%100 == 0){
if (parseInt(yr)%400 != 0){
return false;
}
if (parseInt(yr)%400 == 0){
return true;
}
}
if (parseInt(yr)%100 != 0){
return true;
}
}
if ((parseInt(yr)%4) != 0){
return false;
}
};
// Provide Number of Days in a given month
Date.prototype.getMonthDayCount = function() {
var month_day_counts = [
31,
this.isLeapYear() ? 29 : 28,
31,
30,
31,
30,
31,
31,
30,
31,
30,
31
];
return month_day_counts[this.getMonth()];
}
// format provided date into this.format format
Date.prototype.format = function(dateFormat){
// break apart format string into array of characters
dateFormat = dateFormat.split("");
var date = this.getDate(),
month = this.getMonth(),
hours = this.getHours(),
minutes = this.getMinutes(),
seconds = this.getSeconds();
// get all date properties ( based on PHP date object functionality )
var date_props = {
d: date < 10 ? '0'+date : date,
D: this.getDayAbbr(),
j: this.getDate(),
l: this.getDayFull(),
S: this.getDaySuffix(),
w: this.getDay(),
z: this.getDayOfYear(),
W: this.getWeekOfYear(),
F: this.getMonthName(),
m: month < 10 ? '0'+(month+1) : month+1,
M: this.getMonthAbbr(),
n: month+1,
t: this.getMonthDayCount(),
L: this.isLeapYear() ? '1' : '0',
Y: this.getFullYear(),
y: this.getFullYear()+''.substring(2,4),
a: hours > 12 ? 'pm' : 'am',
A: hours > 12 ? 'PM' : 'AM',
g: hours % 12 > 0 ? hours % 12 : 12,
G: hours > 0 ? hours : "12",
h: hours % 12 > 0 ? hours % 12 : 12,
H: hours,
i: minutes < 10 ? '0' + minutes : minutes,
s: seconds < 10 ? '0' + seconds : seconds
};
// loop through format array of characters and add matching data else add the format character (:,/, etc.)
var date_string = "";
for(var i=0;i<dateFormat.length;i++){
var f = dateFormat[i];
if(f.match(/[a-zA-Z]/g)){
date_string += date_props[f] ? date_props[f] : '';
} else {
date_string += f;
}
}
return date_string;
};
/*
*
* END - Date class extension
*
************************************/
这是我实现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;
}
