时间日期控制必备：6个实用的JavaScript插件

导读：本文作者Kevin Liew是一位热衷于web开发行业的网页设计师和开发者，他热爱前端开发，并对新技术保持热心。本文是他在日常工作中的一些资源积累，简洁、便捷、实用。这里是他在twitter上的帐号@ quenesswebblog，可与他进一步交流。同时也希望本文对你的前端开发资源积累有用。

这里要推荐的6个JavaScript插件拥有用不同格式显示日期、显示相对时间、倒计时等功能。当然，也许人们会认为这些是很基础的功能，但不得不承认，在我们需要更改时钟控制时，像这6个JavaScript插件一样的随手可得的资源还是非常好用的。

一、Datejs

Datejs是一个开源JavaScript日期库，它简捷易用，并且已通过所有攻击测试。

来看看代码。

1. //Whatdateisnextthrusday?
2. Date.today().next().thursday();
4. //Add3daystoToday
5. Date.today().add(3).days();
7. //IstodayFriday?
8. Date.today().is().friday();
10. //Numberfun
11. (3).days().ago();
13. //6monthsfromnow
14. varn=6;
15. n.months().fromNow();
17. //Setto8:30AMonthe15thdayofthemonth
18. Date.today().set({day:15,hour:8,minute:30});
20. //ConverttextintoDate
21. Date.parse('today');
22. Date.parse('t+5d');//today+5days
23. Date.parse('nextthursday');
24. Date.parse('February20th1973');
25. Date.parse('Thu,1July200422:30:00');

二、Pretty Date

一个能把老日期格式转化为漂亮格式的简单方法，例如把"2008-01-28T20:24:17Z" 转变成 "2 hours ago"。

1. prettyDate("2008-01-28T20:24:17Z")//=>"2hoursago"
2. prettyDate("2008-01-27T22:24:17Z")//=>"Yesterday"
3. prettyDate("2008-01-26T22:24:17Z")//=>"2daysago"
4. prettyDate("2008-01-14T22:24:17Z")//=>"2weeksago"
5. prettyDate("2007-12-15T22:24:17Z")//=>undefined

三、Moment JS

1. //Returnrelativeduration,eg5monthsago
2. varhalloween=moment([2011,9,31]);
3. console.log(halloween.fromNow());
5. //Returncurrentdateplus9
6. varnow=moment().add('days',9);
7. console.log(now.format('dddd,MMMMDoYYYY'));

四、Countdown JS

对两个时间点之间的间隔，可进行准确而直观描述的JavaScript API。

五、XDate

1. d=newXDate(2011,7,31);//August31
2. d.setMonth(8);//September
3. d.toString();
4. //October1st!!!becausethereareonly30saysinSeptember
6. //let'strythiswithpreventOverflow...
7. d=newXDate(2011,7,31);//August31
8. d.setMonth(8,true);//September
9. d.toString();//September30!

六、DP Date Extension

DP_DateExtensions库扩展JavaScript Date对象的新特性和功能。拥有诸如timeFormat() 和 dateFormat() 等丰富的函数控制方式可对显示的时间和日期进行精细控制。

• 通过Add（）和diff（）方法操作。
• 使用compare() 方式简化日期比较操作。
• 把W3C标准的时间日期格式解析为几种ISO 8601标准日期。

英文原址： queness.com