Old reddit format date in 24 hours

Format date in 24 hours for reddit post

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

You will need to install an extension such as Tampermonkey to install this script.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name               Old reddit format date in 24 hours
// @namespace          https://greasyfork.org/users/821661
// @match              https://www.reddit.com/*
// @match              https://old.reddit.com/*
// @grant              none
// @version            1.0
// @author             hdyzen
// @description        Format date in 24 hours for reddit post
// @license            MIT
// ==/UserScript==
'use strict';

const observer = new MutationObserver(mutations => {
    const times = document.querySelectorAll('time[datetime]:not(:has(+ span.time-24))');
    if (times.length) {
        times.forEach(time => {
            time.setAttribute('hidden', '');
            time.insertAdjacentHTML('afterend', `<span class="time-24" >${time.classList.contains('edited-timestamp') ? 'edited:' : ''}${new Date(time.dateTime).toLocaleString()}</span>`);
        });
    }
});

observer.observe(document.body, { childList: true });