如何将Date对象格式化为字符串？
当前回答
这是我刚刚编写的一些代码，用于处理我正在处理的项目的日期格式。它模仿了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
*
************************************/
其他回答
在我的情况下，我已将日期表“2022年7月1日”格式化为“2022-07-01”
常量格式日期=日期=>{const d=新日期（日期）let month=（d.getMonth（）+1）.toString（）let day=d.getDate（）.toString（）const year=d.getFullYear（）如果（月长度<2）{月=“0”+月}如果（日长度<2）{天=“0”+天}return[年，月，日]。join（'-'）}console.log（格式日期（'01/07/2022'））
包装解决方案：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。
如果您需要使用普通JavaScript快速格式化日期，请使用getDate、getMonth+1、getFullYear、getHours和getMinutes：
var d = new Date();
var datestring = d.getDate() + "-" + (d.getMonth()+1) + "-" + d.getFullYear() + " " +
d.getHours() + ":" + d.getMinutes();
// 16-5-2015 9:50
或者，如果需要用零填充：
var datestring = ("0" + d.getDate()).slice(-2) + "-" + ("0"+(d.getMonth()+1)).slice(-2) + "-" +
d.getFullYear() + " " + ("0" + d.getHours()).slice(-2) + ":" + ("0" + d.getMinutes()).slice(-2);
// 16-05-2015 09:50
该函数的灵感来自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
不使用任何外部库的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)
