2011-04-20 40 views
3

我期待實現時間,因爲功能使用jQuery。以下是使用HTML5時間標記和微格式日期時間的一些示例日期。jQuery時間自使用HTML5時間標記

<p><time title="Wednesday, 20 April 2011 at 10:20 am" datetime="2011-04-20T10:20Z00" pubdate>20 April at 10:20 am</time></p> 

    <p><time title="Tuesday, 19 April 2011 at 6:22 pm" datetime="2011-04-19T06:22Z00" pubdate>19 April at 6:22 pm</time></p> 

    <p><time title="Sunday, 17 April 2011 at 3:18 pm" datetime="2011-04-17T15:13Z00" pubdate>17 April at 3:18 pm</time></p> 

    <p><time title="Thursday, 2 December 2010 at 4:32 am" datetime="2010-12-02T00:32Z00" pubdate>2 December at 3:32 pm</time></p> 

的想法是<time>標籤內的日期時間將變爲像2 minutes agoYesterday at 6:22 pm。但是對於超過一個月的物品,他們將保持與我在簡單日期離開時相同的狀態,例如2 December at 3:32 pm作爲回退,如果用戶沒有啓用JavaScript。

任何人都可以幫助我建立這樣的事情嗎?我一直在網上尋找,發現了John Resig的一些東西,但它希望它能夠使用新的HTML5標籤,而不是抓取title屬性的信息,從datetime屬性中獲取它。也希望它符合我指定的格式,所以不要只說昨天像他一樣,而應該在昨天下午6點22分說。感謝所有能夠幫助的人。

鏈接Resig的文章:http://ejohn.org/blog/javascript-pretty-date/

+0

嗯,我也想這樣。 – 2011-04-20 11:29:57

回答

3

你看了timeago插件?

它可能已經做了你想要的,它支持HTML5 <time>標籤。

HTML5有一個新的時間標籤,timeago也支持它。

+0

看起來不錯,除了我不希望它做1年前或1個月前的事情,只在同一個月內的日期和其他只顯示日期,如'4月17日下午3時18分'如果日期是前一天我想在昨天下午3點32分顯示'而不是1天前。 – Cameron 2011-04-20 12:08:45

+0

@Cameron - Github上提供的源代碼很好,所以你可以輕鬆地將它分叉並進行所需的更改。快速查看顯示一些人已經完成了這一點,他們的修改會給你一些指示什麼改變。 https://github.com/rmm5t/jquery-timeago – 2011-04-20 12:24:26

+0

我對Git並不熟悉,所以我不確定我在尋找哪些變化來解釋我需要做什麼。 – Cameron 2011-04-20 13:06:45