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

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

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

一、Datejs

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

来看看代码。

1. // What date is next thrusday? 
2. Date.today().next().thursday(); 
3.  
4. // Add 3 days to Today 
5. Date.today().add(3).days(); 
6.  
7. // Is today Friday? 
8. Date.today().is().friday(); 
9.  
10. // Number fun 
11. (3).days().ago(); 
12.  
13. // 6 months from now 
14. var n = 6; 
15. n.months().fromNow(); 
16.  
17. // Set to 8:30 AM on the 15th day of the month 
18. Date.today().set({ day: 15, hour: 8, minute: 30 }); 
19.  
20. // Convert text into Date 
21. Date.parse('today'); 
22. Date.parse('t + 5 d'); // today + 5 days 
23. Date.parse('next thursday'); 
24. Date.parse('February 20th 1973'); 
25. Date.parse('Thu, 1 July 2004 22:30:00'); 

二、Pretty Date

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

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

三、Moment JS

1. //Return relative duration, eg 5 months ago 
2. var halloween = moment([2011, 9, 31]);  
3. console.log(halloween.fromNow());  
4.  
5. // Return current date plus 9 
6. var now = moment().add('days', 9); 
7. console.log(now.format('dddd, MMMM Do YYYY')); 

四、Countdown JS

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

五、XDate

1. d = new XDate(2011, 7, 31); // August 31 
2. d.setMonth(8); // September 
3. d.toString(); 
4. // October 1st!!! because there are only 30 says in September 
5.  
6. // let's try this with preventOverflow... 
7. d = new XDate(2011, 7, 31); // August 31 
8. d.setMonth(8, true); // September 
9. d.toString(); // September 30! 

六、DP Date Extension

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

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

英文原址：queness.com