Code
2023-03-23 08:00:00

在哪里可以找到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（）对象支持的格式说明符的文档在哪里？

当前回答

我做了一个非常简单的格式化程序，它是cut/n/postable（更新了更整洁的版本）：

function DateFmt(fstr) {
  this.formatString = fstr

  var mthNames = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
  var dayNames = ["Sun","Mon","Tue","Wed","Thu","Fri","Sat"];
  var zeroPad = function(number) {
     return ("0"+number).substr(-2,2);
  }

  var dateMarkers = {
    d:['getDate',function(v) { return zeroPad(v)}],
    m:['getMonth',function(v) { return zeroPad(v+1)}],
    n:['getMonth',function(v) { return mthNames[v]; }],
    w:['getDay',function(v) { return dayNames[v]; }],
    y:['getFullYear'],
    H:['getHours',function(v) { return zeroPad(v)}],
    M:['getMinutes',function(v) { return zeroPad(v)}],
    S:['getSeconds',function(v) { return zeroPad(v)}],
    i:['toISOString']
  };

  this.format = function(date) {
    var dateTxt = this.formatString.replace(/%(.)/g, function(m, p) {
      var rv = date[(dateMarkers[p])[0]]()

      if ( dateMarkers[p][1] != null ) rv = dateMarkers[p][1](rv)

      return rv

    });

    return dateTxt
  }

}

fmt = new DateFmt("%w %d:%n:%y - %H:%M:%S  %i")
v = fmt.format(new Date())

http://snipplr.com/view/66968.82825/

2012-08-31 09:59:28

其他回答

如果您希望只显示两位数的时间，这可能会帮助您：

var now = new Date();
var cHour = now.getHours();
var cMinuts = now.getMinutes();
var cSeconds = now.getSeconds();

var outStr = (cHour <= 0 ? ('0' + cHour) : cHour) + ':' + (cMinuts <= 9 ? ('0' + cMinuts) : cMinuts) + ':' + (cSeconds <= 9 ? '0' + cSeconds : cSeconds);
2013-05-20 11:56:53

只是另一个选项，我写道：

DP_DateExtensions库

不确定它是否有用，但我发现它在几个项目中都很有用——看起来它可以满足您的需要。

支持日期/时间格式、日期数学（添加/减去日期部分）、日期比较、日期解析等。

如果你已经在使用一个框架（他们都有能力），没有理由考虑这个问题，但如果你只需要在项目中快速添加日期操作，那就给它一个机会。

2009-08-14 15:28:44

自定义格式设置函数：

对于固定格式，一个简单的函数即可完成任务。以下示例生成国际格式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

d=日期.now（）；d=新日期（d）；d=（d.getMonth（）+1）+'/'+d.getDate（）+'/'+d.getFullYear（）+''+（d.getHours（）>12？d.getHours（）-12:d.getHoures（））+'：'+d.getMinutes（）+''+（d.getHouers（）>=12？“下午”：“上午”）；console.log（d）；

2017-10-23 21:46:47

所有浏览器

使用所使用的源格式格式化日期的最可靠方法是应用以下步骤：

使用new Date（）创建Date对象使用.getDate（）、.getMonth（）和.getFullYear（）分别获取日期、月份和年份根据目标格式将碎片粘贴在一起

例子：

var date='2015-11-09T10:46:15.097Z'；函数格式（输入）{var date=新日期（输入）；返回[（“0”+date.getDate（））.sslice（-2），（“0”+（date.getMonth（）+1））.sslice（-2），date.getFullYear（）].ejoin（'/'）；}document.body.innerHTML=格式（日期）；//产量：2015年9月11日

（另请参见此Fiddle）。

仅限现代浏览器

您还可以使用内置的.toLocaleDateString方法为您进行格式化。您只需要传递正确的区域设置和选项以匹配正确的格式，不幸的是，只有现代浏览器才支持这种格式（*）：

var date='2015-11-09T10:46:15.097Z'；函数格式（输入）{返回新日期（输入）.toLocaleDateString（'en-GB'{年份：'数字'，月份：'2-位'，天：'2位数'});}document.body.innerHTML=格式（日期）；//产量：2015年9月11日

（另请参见此Fiddle）。

（*）根据MDN，“现代浏览器”是指Chrome 24+、Firefox 29+、IE11、Edge12+、Opera 15+和Safari夜间版本

2018-04-16 08:51:52

推荐文章

aliyun

最新文章

标签

2025 code 京ICP备15047053号-1