Javascript-библиотека для удобного для относительного форматирования даты



Answers

Я написал небольшую библиотеку, которая делает это. Это около 2K 136K (46K минимизировано), и работает в браузерах и в узле.

moment.js

Он поддерживает timeago, форматирование, разбор, манипулирование, i18n и т. Д.

Кроме того, строки timeago настраиваются, поэтому вы можете изменить их, как вы считаете нужным.

Вырезания не такие, как вы бы предпочли (5 недель против 1 месяца), но они документированы, какие строки используются в каком диапазоне времени.

Question

Я хотел бы отображать некоторые даты относительно текущей даты в удобном для людей формате.

Примеры благоприятных для человека относительных дат:

  • 10 секунд назад
  • Через 20 минут
  • 1 день назад
  • 5 недель назад
  • 2 месяца назад

В принципе верно сохраняя высший порядок величин (и, по преимуществу, только переключение единиц при прохождении 2 из этих единиц - 5 недель вместо 1 месяца).

Хотя я мог бы жить с библиотекой, у которой было меньше контроля и еще более дружественные даты:

  • вчера
  • завтра
  • на прошлой неделе
  • Несколько минут назад
  • через пару часов

Любые популярные библиотеки для этого?




Вот что-то от Джона Ресига - http://ejohn.org/blog/javascript-pretty-date/

EDIT (6/27/2014): Следуя за комментарием Sumurai8 - хотя связанная страница все еще работает, вот отрывок для pretty.js связанный с приведенной выше статьей:

pretty.js

/*
 * JavaScript Pretty Date
 * Copyright (c) 2011 John Resig (ejohn.org)
 * Licensed under the MIT and GPL licenses.
 */

// Takes an ISO time and returns a string representing how
// long ago the date represents.
function prettyDate(time) {
    var date = new Date((time || "").replace(/-/g, "/").replace(/[TZ]/g, " ")),
        diff = (((new Date()).getTime() - date.getTime()) / 1000),
        day_diff = Math.floor(diff / 86400);

    if (isNaN(day_diff) || day_diff < 0 || day_diff >= 31) return;

    return day_diff == 0 && (
    diff < 60 && "just now" || diff < 120 && "1 minute ago" || diff < 3600 && Math.floor(diff / 60) + " minutes ago" || diff < 7200 && "1 hour ago" || diff < 86400 && Math.floor(diff / 3600) + " hours ago") || day_diff == 1 && "Yesterday" || day_diff < 7 && day_diff + " days ago" || day_diff < 31 && Math.ceil(day_diff / 7) + " weeks ago";
}

// If jQuery is included in the page, adds a jQuery plugin to handle it as well
if (typeof jQuery != "undefined") jQuery.fn.prettyDate = function() {
    return this.each(function() {
        var date = prettyDate(this.title);
        if (date) jQuery(this).text(date);
    });
};

Применение:

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

Выдержка из статьи об использовании:

Пример использования

В следующих примерах я делаю все привязки на сайте, которые имеют заголовок с датой в нем, имеют красивую дату в качестве внутреннего текста. Кроме того, я продолжаю обновлять ссылки каждые 5 секунд после загрузки страницы.

С JavaScript:

function prettyLinks(){
    var links = document.getElementsByTagName("a");
    for ( var i = 0; i < links.length; i++ )
        if ( links[i].title ) {
            var date = prettyDate(links[i].title);
            if ( date )
                links[i].innerHTML = date;
        }
}
prettyLinks();
setInterval(prettyLinks, 5000);

С помощью jQuery:

$("a").prettyDate();
setInterval(function(){ $("a").prettyDate(); }, 5000);

Faiz: внес некоторые изменения в исходный код, исправления ошибок и улучшения.

function prettyDate(time) {
    var date = new Date((time || "").replace(/-/g, "/").replace(/[TZ]/g, " ")),
        diff = (((new Date()).getTime() - date.getTime()) / 1000),
        day_diff = Math.floor(diff / 86400);
    var year = date.getFullYear(),
        month = date.getMonth()+1,
        day = date.getDate();

    if (isNaN(day_diff) || day_diff < 0 || day_diff >= 31)
        return (
            year.toString()+'-'
            +((month<10) ? '0'+month.toString() : month.toString())+'-'
            +((day<10) ? '0'+day.toString() : day.toString())
        );

    var r =
    ( 
        (
            day_diff == 0 && 
            (
                (diff < 60 && "just now")
                || (diff < 120 && "1 minute ago")
                || (diff < 3600 && Math.floor(diff / 60) + " minutes ago")
                || (diff < 7200 && "1 hour ago")
                || (diff < 86400 && Math.floor(diff / 3600) + " hours ago")
            )
        )
        || (day_diff == 1 && "Yesterday")
        || (day_diff < 7 && day_diff + " days ago")
        || (day_diff < 31 && Math.ceil(day_diff / 7) + " weeks ago")
    );
    return r;
}



Похоже, вы могли бы использовать http://www.datejs.com/

У них есть пример на главной странице, который делает именно то, что вы описываете!

EDIT: На самом деле, я думаю, что я отменил ваш вопрос в моей голове. В любом случае, я думаю, вы могли бы это проверить, так как это действительно отличная библиотека!

EDIT x2: Я собираюсь повторить то, что другие сказали moment.js , вероятно, лучший выбор, доступный прямо сейчас.

EDIT x3: я не использовал date.js более года. Я исключительно использую momentjs для всех моих связанных с датой потребностей.




Links