如何将Date对象格式化为字符串？
当前回答
你不需要任何图书馆。只需提取日期组件并构造字符串。以下是如何获取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()
}
}
}
其他回答
这里有一些随时可以粘贴的时间/日期格式代码，它不依赖任何外部模块/库，也不使用jQuery或ES7或任何东西。与其他答案中的代码不同，此代码提供了以下功能组合：
它将JavaScript Date对象作为输入它可以将日期显示为本地时区或UTC它使用了一个简单的格式化系统“｛year4｝｛month02｝{second｝”，即使在编写代码后也很容易阅读和理解，而不像典型的“%D%m%-”，它总是强制您返回文档格式化系统不像某些特殊的“DD-MM-YYYY”系统那样具有任何奇怪的自冲突你可以在这里运行测试并尝试
//format_date（日期、模式、utc）//-日期//-JavaScript Date对象//-对当前时间使用“new Date（）”//-模式//-嵌入｛代码｝的字符串，如//“｛year4｝-｛month02｝-{day02｝：｛dayname3｝”//有关完整列表，请参阅下面的format_date_funcs//-其他字母不变//-utc//-如果为真，则显示UTC时间“区域”中的日期//-如果为假/忽略，则显示本地时区中的日期//变量月名称=[“一月”，“二月”，“三月”，“四月”，“五月”，“六月”，“七月”，“八月”、“九月”、“十月”、“十一月”、“十二月”];var星期名称=[“星期日”、“星期一”、“周二”，“周三”、“周四”、“周五”、“周六”];函数空间_pad2（num）{返回num<10？“”+num:num；}函数zero_pad2（num）{返回num<10？“0”+num:num；}函数空间_pad3（num）{如果（num<10）return“”+num；否则，如果（num<100）return“”+num；其他的返回num；}函数zero_pad3（num）{如果（num<10）return“00”+num；否则，如果（num<100）返回“0”+num；其他的返回num；}变量格式_日期_函数={//｛year4｝=“1902”//｛year02｝=“02”//“year4”：函数（日期，utc）{var年=utc？date.getUTCFullYear（）：date.getFullYear（）；回归年；},“year02”：函数（日期，utc）{var年=utc？date.getUTCFullYear（）：date.getFullYear（）；return year.toString（）.substr（2,2）；},//｛月｝=“1”-“12”//｛month2｝=“1”-“12”（空格填充）//｛month02｝=“01”-“12”//“月”：函数（日期，utc）{var月=utc？date.getUTCMonth（）：date.getMonth（）；//[0,11]回归月+1；},'month2'：函数（日期，utc）{var月=utc？date.getUTCMonth（）：date.getMonth（）；//[0,11]return space_pad2（月+1）；},“month02”：函数（日期，utc）{var月=utc？date.getUTCMonth（）：date.getMonth（）；//[0,11]返回zero_pad2（月+1）；},//｛monthname｝=“一月”//｛monthname3｝=“一月”//“monthname”：函数（日期，utc）{var月=utc？date.getUTCMonth（）：date.getMonth（）；//[0,11]return month_names[月]；},“monthname3”：函数（日期，utc）{var月=utc？date.getUTCMonth（）：date.getMonth（）；//[0,11]return month_names[month].substr（0，3）；},//｛day｝=“1”-“31”//｛day2｝=“1”-“31”（空格填充）//｛day02｝=“01”-“31”//“day”：函数（日期，utc）{var日期=utc？date.getUTCDate（）：date.getDate（）；//[1,31]返回日期；},“day2”：函数（日期，utc）{var日期=utc？date.getUTCDate（）：date.getDate（）；//[1,31]return space_pad2（日期）；},“day02”：函数（日期，utc）{var日期=utc？date.getUTCDate（）：date.getDate（）；//[1,31]返回zero_pad2（日期）；},//｛dayname｝=“星期二”//｛dayname3｝=“星期二”//“dayname”：函数（日期，utc）{var日=utc？date.getUTCDay（）：date.getDay（）；//[0,6]返回day_of_wweek_names[day]；},“dayname3”：函数（日期，utc）{var日=utc？date.getUTCDay（）：date.getDay（）；//[0,6]返回day_of_wweek_names[day].substr（0,3）；},//｛24小时｝=“0”-“23”//｛24小时2｝=“0”-“23”（空格填充）//｛24小时02｝=“00”-“23”//“24小时”：函数（日期，utc）{var小时=utc？date.getUTCHours（）：date.getHours（）；//[0,23]回程时间；},“24小时2”：功能（日期，utc）{var小时=utc？date.getUTCHours（）：date.getHours（）；//[0,23]返回space_pad2（小时）；},“24小时02”：功能（日期，utc）{var小时=utc？date.getUTCHours（）：date.getHours（）；//[0,23]返回zero_pad2（小时）；},//｛12小时｝=“1”-“12”//｛12小时2｝=“1”-“12”（空格填充）//｛12小时02｝=“01”-“12”//｛ampm｝=“上午”或“下午”//｛AMPM｝=“AM”或“PM”//“12小时”：函数（日期，utc）{var小时=utc？date.getUTCHours（）：date.getHours（）；//[0,23]小时=小时%12；//[0,11]如果（0===小时）小时=12；回程时间；},“12小时2”：功能（日期，utc）{var小时=utc？date.getUTCHours（）：date.getHours（）；//[0,23]小时=小时%12；//[0,11]如果（0===小时）小时=12；返回space_pad2（小时）；},“12小时02”：功能（日期，utc）{var小时=utc？date.getUTCHours（）：date.getHours（）；//[0,23]小时=小时%12；//[0,11]如果（0===小时）小时=12；返回zero_pad2（小时）；},“ampm”：函数（日期，utc）{var小时=utc？date.getUTCHours（）：date.getHours（）；//[0,23]返回（小时<12？“上午”：“下午”）；},“AMPM”：函数（日期，utc）{var小时=utc？date.getUTCHours（）：date.getHours（）；//[0,23]返回（小时<12？“AM”：“PM”）；},//｛分钟｝=“0”-“59”//｛minute2｝=“0”-“59”（空格填充）//｛minute02｝=“00”-“59”//“minute”：函数（日期，utc）{var分钟=utc？date.getUTCMinutes（）：date.getMinutes（）；//[0,59]返回分钟；},“minute2”：函数（日期，utc）{var分钟=utc？date.getUTCMinutes（）：date.getMinutes（）；//[0,59]返回space_pad2（分钟）；},“minute02”：函数（日期，utc）{var分钟=utc？date.getUTCMinutes（）：date.getMinutes（）；//[0,59]返回zero_pad2（分钟）；},//｛second｝=“0”-“59”//｛second2｝=“0”-“59”（空格填充）//｛second02｝=“00”-“59”//“秒”：函数（日期，utc）{var秒=utc？date.getUTCSeconds（）：date.getSeconds（）；//[0,59]
函数convert_month（i=0，option=“num”）｛//i=索引变量对象月=[{num:01，短：“Jan”，长：“Janer”}，{num:02，短：“Feb”，长：“Februari”}，{num:03，短：“Mar”，长：“March”}，{num:04，短：“Apr”，长：“April”}，{num:05，短：“May”，长：“May”}，{num:06，短：“Jun”，长：“Juni”}，{num:07，短：“Jul”，长：“July”}，{num:08，短：“Aug”，长：“August”}，{num:09，短：“Sep”，长：“Sept”}，｛num:10，短：“Oct”，长：“Octo”｝，｛num:11，短：“Nov”，长：“十一月”｝，｛num:12，短：“Dec”，长：“十二月”｝];返回object_months[i][option]；}var d=新日期（）；// https://stackoverflow.com/questions/1408289/how-can-i-do-string-interpolation-in-javascriptvar num=`${d.getDate（）}-${convert_month（d.getMonth（））}--${d.getFullYear（）}'；var short=`${d.getDate（）}-${convert_month（d.getMonth（），“short”）}-${d.getFullYear（）}`；var long=`${d.getDate（）}-${convert_month（d.getMonth（），“long”）}-${d.getFullYear（）}`；document.querySelector（“#num”）.innerHTML=num；document.querySelector（“#short”）.innerHTML=短；document.querySelector（“#long”）.innerHTML=long；<p>数字：<span id=“num”></span>（默认值）</p><p>短：<span id=“Short”></span></p><p>长：<span id=“Long”></span></p>
该模块可以轻松处理几乎所有的情况。它是一个更大的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'
这是我刚刚编写的一些代码，用于处理我正在处理的项目的日期格式。它模仿了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
*
************************************/
如果您已经在项目中使用jQuery UI，您可以这样做：
var formatted = $.datepicker.formatDate("M d, yy", new Date("2014-07-08T09:02:21.377"));
// formatted will be 'Jul 8, 2014'
这里提供了一些可以使用的日期选择器日期格式选项。
