時間日期控制必備：6個實用的JavaScript插件

導讀：本文作者Kevin Liew是一位熱衷於web開發行業的網頁設計師和開發者，他熱愛前端開發，並對新技術保持熱心。本文是他在日常工作中的一些資源積累，簡潔、便捷、實用。這裏是他在twitter上的帳號@ quenesswebblog，可與他進一步交流。同時也希望本文對你的前端開發資源積累有用。

這裏要推薦的6個JavaScript插件擁有用不同格式顯示日期、顯示相對時間、倒計時等功能。當然，也許人們會認爲這些是很基礎的功能，但不得不承認，在我們需要更改時鐘控制時，像這6個JavaScript插件一樣的隨手可得的資源還是非常好用的。

一、Datejs

Datejs是一個開源JavaScript日期庫，它簡捷易用，並且已通過所有攻擊測試。

來看看代碼。

// What date is next thrusday?
Date.today().next().thursday();

// Add 3 days to Today
Date.today().add(3).days();

// Is today Friday?
Date.today().is().friday();

// Number fun
(3).days().ago();

// 6 months from now
var n = 6;
n.months().fromNow();

// Set to 8:30 AM on the 15th day of the month
Date.today().set({ day: 15, hour: 8, minute: 30 });

// Convert text into Date
Date.parse('today');
Date.parse('t + 5 d'); // today + 5 days
Date.parse('next thursday');
Date.parse('February 20th 1973');
Date.parse('Thu, 1 July 2004 22:30:00');

二、Pretty Date

一個能把老日期格式轉化爲漂亮格式的簡單方法，例如把"2008-01-28T20:24:17Z" 轉變成 "2 hours ago"。

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

三、Moment JS

//Return relative duration, eg 5 months ago
var halloween = moment([2011, 9, 31]);
console.log(halloween.fromNow());

// Return current date plus 9
var now = moment().add('days', 9);
console.log(now.format('dddd, MMMM Do YYYY'));

四、Countdown JS

對兩個時間點之間的間隔，可進行準確而直觀描述的JavaScript API。

五、XDate

d = new XDate(2011, 7, 31); // August 31
d.setMonth(8); // September
d.toString();
// October 1st!!! because there are only 30 says in September

// let's try this with preventOverflow...
d = new XDate(2011, 7, 31); // August 31
d.setMonth(8, true); // September
d.toString(); // September 30!

六、DP Date Extension

DP_DateExtensions庫擴展JavaScript Date對象的新特性和功能。擁有諸如timeFormat() 和 dateFormat() 等豐富的函數控制方式可對顯示的時間和日期進行精細控制。

• 通過Add（）和diff（）方法操作。
• 使用compare() 方式簡化日期比較操作。
• 把W3C標準的時間日期格式解析爲幾種ISO 8601標準日期。

英文原址：queness.com