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

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

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

一、Datejs

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

来看看代码。

//Whatdateisnextthrusday?
Date.today().next().thursday();

//Add3daystoToday
Date.today().add(3).days();

//IstodayFriday?
Date.today().is().friday();

//Numberfun
(3).days().ago();

//6monthsfromnow
varn=6;
n.months().fromNow();

//Setto8:30AMonthe15thdayofthemonth
Date.today().set({day:15,hour:8,minute:30});

//ConverttextintoDate
Date.parse('today');
Date.parse('t+5d');//today+5days
Date.parse('nextthursday');
Date.parse('February20th1973');
Date.parse('Thu,1July200422:30:00');

二、Pretty Date

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

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

三、Moment JS

//Returnrelativeduration,eg5monthsago
varhalloween=moment([2011,9,31]);
console.log(halloween.fromNow());

//Returncurrentdateplus9
varnow=moment().add('days',9);
console.log(now.format('dddd,MMMMDoYYYY'));

四、Countdown JS

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

五、XDate

d=newXDate(2011,7,31);//August31
d.setMonth(8);//September
d.toString();
//October1st!!!becausethereareonly30saysinSeptember

//let'strythiswithpreventOverflow...
d=newXDate(2011,7,31);//August31
d.setMonth(8,true);//September
d.toString();//September30!

六、DP Date Extension

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

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

英文原址：queness.com