JQuery Time С использованием HTML5 тега времени - PullRequest
3 голосов
/ 20 апреля 2011

Я рассчитываю реализовать время, начиная с функциональности, используя 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 ago или Yesterday at 6:22 pm.Но для элементов, которые старше месяца, они останутся такими же, какими они были, как я оставил в простой дате, например 2 December at 3:32 pm в качестве запасного варианта, если у пользователя не включен JavaScript.

Может кто-нибудьпомогите мне построить что-то подобное?Я просматривал в Интернете и нашел что-то от Джона Резига, но он хотел бы, чтобы он работал с новым тегом HTML5 и вместо получения информации для атрибута title получил его из атрибута datetime.Также хочу, чтобы он был в указанном мной формате, поэтому вместо того, чтобы просто говорить «Вчера», как его, было бы «Вчера» в 6:22 вечера.Спасибо всем, кто может помочь.

Ссылка на статью Resig: http://ejohn.org/blog/javascript-pretty-date/

1 Ответ

3 голосов
/ 20 апреля 2011

Вы смотрели на плагин timeago ?

Он может уже делать то, что вы хотите, и поддерживает тег HTML5 <time>.

HTML5имеет новый тег времени, и timeago поддерживает его тоже.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...