導讀:本文作者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');
一個能把老日期格式轉化爲漂亮格式的簡單方法,例如把"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
- //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'));
對兩個時間點之間的間隔,可進行準確而直觀描述的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_DateExtensions庫擴展JavaScript Date對象的新特性和功能。擁有諸如timeFormat() 和 dateFormat() 等豐富的函數控制方式可對顯示的時間和日期進行精細控制。
- 通過Add()和diff()方法操作。
- 使用compare() 方式簡化日期比較操作。
- 把W3C標準的時間日期格式解析爲幾種ISO 8601標準日期。
英文原址:queness.com