在哪里可以找到JavaScript中格式化日期的文档？

我注意到JavaScript的新Date（）函数在接受多种格式的日期方面非常聪明。

Xmas95 = new Date("25 Dec, 1995 23:15:00")
Xmas95 = new Date("2009 06 12,12:52:39")
Xmas95 = new Date("20 09 2006,12:52:39")

调用new Date（）函数时，我在任何地方都找不到显示所有有效字符串格式的文档。

这用于将字符串转换为日期。如果我们从相反的方面来看，即将日期对象转换为字符串，直到现在，我的印象是JavaScript没有将日期对象格式化为字符串的内置API。

编者按：以下方法是询问者在特定浏览器上的尝试，但通常不起作用；请参阅本页上的答案以了解一些实际解决方案。

今天，我在date对象上使用了toString（）方法，令人惊讶的是，它可以将日期格式化为字符串。

var d1 = new Date();
d1.toString('yyyy-MM-dd');       //Returns "2009-06-29" in Internet Explorer, but not Firefox or Chrome
d1.toString('dddd, MMMM ,yyyy')  //Returns "Monday, June 29,2009" in Internet Explorer, but not Firefox or Chrome

在这里，我也找不到任何关于将日期对象格式化为字符串的方法的文档。

列出Date（）对象支持的格式说明符的文档在哪里？

当前回答

自定义格式设置函数：

对于固定格式，一个简单的函数即可完成任务。以下示例生成国际格式YYYY-MM-DD：

function dateToYMD(date) {
    var d = date.getDate();
    var m = date.getMonth() + 1;
    var y = date.getFullYear();
    return '' + y + '-' + (m<=9 ? '0' + m : m) + '-' + (d <= 9 ? '0' + d : d);
}

注意：然而，扩展Javascript标准库通常不是一个好主意（例如，通过将此函数添加到Date的原型中）。

更高级的功能可以基于格式参数生成可配置的输出。在同一页中有几个很好的例子。

如果编写一个格式化函数太长，那么周围有很多库可以执行它。其他一些答案已经列举了它们。但日益增加的依赖性也有反作用。

标准ECMAScript格式化函数：

自从ECMAscript的最新版本以来，Date类具有一些特定的格式化函数：

toDateString：依赖于实现，仅显示日期。http://www.ecma-international.org/ecma-262/7.0/index.html#sec-日期.协议类型.日期new Date（）.toDateString（）；//例如“2016年11月11日星期五”

toISOString：显示ISO 8601日期和时间。http://www.ecma-international.org/ecma-262/7.0/index.html#sec-日期.协议类型.toisostringnew Date（）.toISOString（）；//例如“2016-11-21T08:00:00.000Z”

toJSON：JSON的Stringer。http://www.ecma-international.org/ecma-262/7.0/index.html#sec-日期.原型.项目new Date（）.toJSON（）；//例如“2016-11-21T08:00:00.000Z”

toLocaleDateString：依赖于实现，区域设置格式的日期。http://www.ecma-international.org/ecma-262/7.0/index.html#sec-日期.协议类型.颜色日期字符串new Date（）.toLocaleDateString（）；//例如“2016年11月21日”

toLocaleString：依赖于实现，是区域设置格式的日期和时间。http://www.ecma-international.org/ecma-262/7.0/index.html#sec-日期.协议类型.颜色字符串new Date（）.toLocaleString（）；//例如“2016年11月21日上午08:00:00”

toLocaleTimeString：依赖于实现，以区域设置格式表示时间。http://www.ecma-international.org/ecma-262/7.0/index.html#sec-日期.协议类型.颜色时间字符串new Date（）.toLocaleTimeString（）；//例如“08:00:00 AM”

toString：日期的通用toString。http://www.ecma-international.org/ecma-262/7.0/index.html#sec-日期.协议类型.测试new Date（）.toString（）；//例如“2016年11月11日星期五08:00:00 GMT+0100（西欧标准时间）”

注意：可以使用这些格式化函数生成自定义输出：

new Date().toISOString().slice(0,10); // By @Image72, return YYYY-MM-DD

2012-05-21 12:48:27

其他回答

这是一个我经常使用的函数。结果为yyyy-mm-dd hh:mm:ss.nnn。

function date_and_time() {
    var date = new Date();
    //zero-pad a single zero if needed
    var zp = function (val){
        return (val <= 9 ? '0' + val : '' + val);
    }

    //zero-pad up to two zeroes if needed
    var zp2 = function(val){
        return val <= 99? (val <=9? '00' + val : '0' + val) : ('' + val ) ;
    }

    var d = date.getDate();
    var m = date.getMonth() + 1;
    var y = date.getFullYear();
    var h = date.getHours();
    var min = date.getMinutes();
    var s = date.getSeconds();
    var ms = date.getMilliseconds();
    return '' + y + '-' + zp(m) + '-' + zp(d) + ' ' + zp(h) + ':' + zp(min) + ':' + zp(s) + '.' + zp2(ms);
}

2013-12-22 18:53:23

自定义格式设置函数：

对于固定格式，一个简单的函数即可完成任务。以下示例生成国际格式YYYY-MM-DD：

function dateToYMD(date) {
    var d = date.getDate();
    var m = date.getMonth() + 1;
    var y = date.getFullYear();
    return '' + y + '-' + (m<=9 ? '0' + m : m) + '-' + (d <= 9 ? '0' + d : d);
}

注意：然而，扩展Javascript标准库通常不是一个好主意（例如，通过将此函数添加到Date的原型中）。

更高级的功能可以基于格式参数生成可配置的输出。在同一页中有几个很好的例子。

如果编写一个格式化函数太长，那么周围有很多库可以执行它。其他一些答案已经列举了它们。但日益增加的依赖性也有反作用。

标准ECMAScript格式化函数：

自从ECMAscript的最新版本以来，Date类具有一些特定的格式化函数：

toJSON：JSON的Stringer。http://www.ecma-international.org/ecma-262/7.0/index.html#sec-日期.原型.项目new Date（）.toJSON（）；//例如“2016-11-21T08:00:00.000Z”

注意：可以使用这些格式化函数生成自定义输出：

new Date().toISOString().slice(0,10); // By @Image72, return YYYY-MM-DD

2012-05-21 12:48:27

我喜欢使用JavaScript和使用日期来格式化时间和日期的10种方法。

基本上，您有三种方法，必须自己组合字符串：

getDate() // Returns the date
getMonth() // Returns the month
getFullYear() // Returns the year

例子：

var d=新日期（）；var curr_date=d.getDate（）；var curr_month=d.getMonth（）+1//月份为零var curr_year=d.getFullYear（）；console.log（curr_date+“-”+curr_month+“-“+curr_year）；

2009-06-29 05:46:23

我找不到任何关于有效日期格式的权威文档，所以我编写了自己的测试，看看各种浏览器支持什么。

http://blarg.co.uk/blog/javascript-date-formats

我的结果得出结论，以下格式在我测试的所有浏览器中都有效（示例使用日期“2013年8月9日”）：

[完整年份]/[月份]/[日期编号]-月份可以是带或不带前导零的数字，也可以是短格式或长格式的月份名称，日期编号可以带或不带有前导零。

2013/08/092013/08/92013/8/092013/8/92013/08/092013年8月9日2013年8月09日2013年8月9日

【月份】/【全年】/【日期编号】-月份可以是带或不带前导零的数字，也可以是短格式或长格式的月份名称，日期编号可以带或不带有前导零。

08/2013/0908/2013/98/2013/098/2013/92013/09年8月2013年8月/9日2013年8月09日2013年8月/9日

用空格分隔的[整年]、[月名]和[日期编号]的任意组合-月名可以是短格式或长格式，日期编号可以是带或不带前导零。

2013年8月9日2013年8月09日2013年8月9日2013年8月9日2013年8月9日2013年8月9日等

也适用于“现代浏览器”（或除IE9及以下版本外的所有浏览器）

[全年]-[月号]-[日期号]-月号和日期号必须包含前导零（这是MySQL日期类型使用的格式）

2013-08-09

使用月份名称：有趣的是，在使用月份名称时，我发现只有月份名称的前3个字符被使用过，因此以下所有字符都是完全有效的：

new Date('9 August 2013');
new Date('9 Aug 2013');
new Date('9 Augu 2013');
new Date('9 Augustagfsdgsd 2013');

2014-03-27 11:39:32

在浏览了其他答案中提供的几个选项后，我决定编写自己的有限但简单的解决方案，其他人可能也会觉得有用。

/**
* Format date as a string
* @param date - a date object (usually "new Date();")
* @param format - a string format, eg. "DD-MM-YYYY"
*/
function dateFormat(date, format) {
    // Calculate date parts and replace instances in format string accordingly
    format = format.replace("DD", (date.getDate() < 10 ? '0' : '') + date.getDate()); // Pad with '0' if needed
    format = format.replace("MM", (date.getMonth() < 9 ? '0' : '') + (date.getMonth() + 1)); // Months are zero-based
    format = format.replace("YYYY", date.getFullYear());
    return format;
}

示例用法：

console.log("The date is: " + dateFormat(new Date(), "DD/MM/YYYY"));

2012-09-28 12:05:13

在哪里可以找到JavaScript中格式化日期的文档？

推荐文章

最新文章

标签