Динамическая смена даты и времени с момента публикации на Yii2, как это сделать?

Question

[Игорь Васильев]

Здравствуйте.
--

Предыстория: Заметил, как в социальной сети "в контакте", происходит обновление даты и времени с момента публикации поста. Грубо говоря, листаешь ты себе ленту, страница не перезагружается, комменты пишешь, лайки ставишь, и видишь, что у каждого блока по отдельности меняется надпись:

"опубликовано только что"
"опубликовано пять минут назад"
"опубликовано вчера в 13:16"

Уж не судите строго, решил попробовать провернуть это сам, без помощи и подсказки, написал на php функцию, которая выводит то или иное сообщение, обернул страницу в Pjax, и поставил javascript функцию которая обновляла страницу, таким образом в каждом блоке динамично менялись надписи. И вроде всё здорово, НО - веселье началось когда скрипт не справлялся с отображением плитки с картинками, и всё съезжало, позже я понял, что и "лайки" и "комментарии" будет ставить невозможно!!!
Моя идея реализовать подобную идею превратилась в кошмар)))
Но я не отчаялся, и понял, что от php и Pjax нужно отказаться, и написать функцию на javascript которая по id блока, будет выводить состояние срока публикации. Так же пришло осознание, что условия смены unix даты должно опираться на функцию подсчёта времени от даты публикации.

Подобное я делал на php чтобы подсчитать дни между двумя датами, нет ни капли сомнения, что такое решение есть и на javascript, почему я решил обратится к нему? Потому что нагрузка на сервер будет меньше, учитывая, что на одной странице может оказаться более 100 записей, и каждая будет обновлять текущий срок с момента публикации. Страшно представить, какая будет нагрузка на сервер, учитывая динамику просмотра, редактирования, комментирования, обновления даты, "лайки", но всё же интересно, смогу ли я осилить такой функционал.
=======================================
Вопрос:
Есть пример динамической даты где показано, как реализовать обновление с сегодняшней датой. Я же буду пытаться обновлять срок давности даты, беря её из базы данных в unix формате. Как извлечь дату, подсчитать количество времени (разницу), вывести контент - я знаю.

Но как это реализовать для каждого блока отдельно?

Answer 1

[planc]

https://momentjs.com/

Answer 2

[Максим Федоров]

Блоков на странице может быть хоть 1000 но пользователь всегда видит только определенное количество из них. Поэтому по хорошему Вам нужно обновлять срок давности не для всех блоков выведенных на станице, а только для тех которые у пользователя на виду. Соответственно Вам нужно:
1. Определять (например при скроле страницы) какие блоки видны в текущий момент пользователю
2. Определять массив селекторов для каждого из блока
3. В цикле проходиться по этому массиву и для каждого из блока пересчитывать дату

Comments

[Игорь Васильев]

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

Всё же хотелось бы узнать как обновление сроков даты будет проходить на уровне кода:
1) выводится переменная даты из БД
2) Определяется количество минут с момента фиксированной даты
3) выводятся условия if | elseif | else
===
Как я вижу, это универсальная функция для всех блоков.
Вопрос остаётся открытым, как по определённому id обновлять эти даты?

[Максим Федоров]

Игорь Васильев:
1. Записываете куда нибудь дату создания записи например в HTML атрибут при рендере блока
2. Читаете данные из этого атрибута и находите разницу во времени
3. Формируете и выводите необходимую надпись
в чем собственно вопрос?

Answer 3

[Максим Тимофеев]

А при чем тут yii? Это вопрос к js. Все что происходит в браузере - это js. Yii хранит и достает из базы данные о времени и не меняет их. Меняет их js, по таймеру или скролу.

Comments

[Игорь Васильев]

Для Yii2 особый подход, там свои условия вывода и подключения, я уточнил, чтобы не изобретать велосипед и не устанавливать костыли, наверняка кто-то уже подобное делал и подскажет как грамотно без портянок и приблуд прописать функционал.
Например, зная возможности класса, вы можете посмотреть публичные переменные и переприсвоить им новые данные, теги там, или стили, или декодирование, да что угодно.
Скорее всего использую стандартный класс времени на Yii, чтобы выводить только функции.

[Максим Тимофеев]

Для Yii2 особый подход, там свои условия вывода

Это какие?
берете https://momentjs.com и подключаете. Нюансы подключения js есть в yii, но к самому скрипту это никак не относится. Просто пишите виджет, подключаете js как зависимость.

[Игорь Васильев]

Максим Тимофеев: вот это уже здравое, понятное решение, благодарю Вас.