programing

github에서 "실제" 커밋 날짜/시간 참조(시간/일)

padding 2023. 7. 7. 18:39
반응형

github에서 "실제" 커밋 날짜/시간 참조(시간/일)

커밋 허브의 날짜를 요일/시간 정확하게 확인할 수 있는 방법이 있습니까?이전 커밋은 실제 날짜를 표시하는 대신 "2년 전"과 같은 "사람이 읽을 수 있는" 형식으로 나타납니다.

old github commit

github에서 실제 날짜를 볼 수 없는 경우 보다 쉬운 해결 방법이 있습니까?git clone?

마우스를 위에 올립니다.2 years ago타임스탬프가 표시됩니다.

텍스트가 "2년 전"으로 포장되었음에도 불구하고 "2년 전"을 가리키면 실제 날짜가 나타나지 않습니다.<time>아래에 iso 값이 있는 요소datetime기여하다.

만약 다른 모든 것이 실패한다면, 나처럼, 텍스트를 조사해 보세요.

샘플 요소:

<time datetime="2015-01-22T20:48:13Z" is="relative-time" title="Jan 22, 2015, 2:48 PM CST">7 days ago</time>

이 Js 책갈피를 사용하면 됩니다.

javascript:(function() { 
        var relativeTimeElements = window.document.querySelectorAll("relative time");
        relativeTimeElements.forEach(function(timeElement){
        timeElement.innerHTML = timeElement.innerHTML +" -- "+ timeElement.title;
        })
    }()
)

https://gist.github.com/PhilippGrulich/7051832b344d4cbd30fbfd68524baa38

정확한 시간이 추가됩니다.이렇게: 21시간 전에 저질렀습니다. -- 2017년 2월 15일, 15:49 MEZ

크롬에서 @odony의 TamperMonkey/Greasmonkey 스크립트를 시도해봤지만 실행되지 않았습니다. detachCallback()인식되지 않았습니다.그래서 콜백을 분리하는 대신, 저는 간단히 콜백을 교체했습니다.<relative-time>노드

// ==UserScript==
// @name         Github: always show absolute times
// @match        https://github.com/*
// ==/UserScript==

(function() {
    document.querySelectorAll("relative-time").forEach(function(el) {
        var parent = el.parentNode;
        var timestamp = el.title;
        var span = document.createElement("span");
        span.innerHTML = timestamp;
        parent.removeChild(el);
        parent.appendChild(span);
    });
})();

다른 브라우저로 테스트를 해본 적이 없어서 미안하지만, 기본 자바스크립트이기 때문에 그냥 작동할 것입니다.:)

만약 당신이 (스크린샷의 경우) 호버링 없이 날짜/시간을 영구적으로 표시하는 방법을 찾고 있다면, 위의 자바스크립트 기반 솔루션은 최신 Github HTML과 일치하지 않습니다(댓글 참조).또한 타임스탬프가 타이머를 기반으로 자동 업데이트되므로("X분"은 매 분마다 변경해야 함) 주기적으로 다시 표시됩니다.

다음 스크립트는 2020-01-27 기준으로 Github에서 작동하는 것으로 보입니다.

(function() {
    var els = window.document.querySelectorAll("time-ago,relative-time");
    els.forEach(function(el) {
        el.innerHTML = "on " + el.getFormattedTitle(); // original timestamp
        el.disconnectedCallback(); // stop auto-updates
    });
})();

코드 앞에 다음을 추가하여 책갈피로 만들 수 있습니다.javascript:다른 JS 기반 솔루션에서와 같이.

그리고 이 문제를 영구 수정하려면 다음과 같이 TamperMonkey/Greasmonkey 스크립트로 저장할 수 있습니다.

// ==UserScript==
// @name         Github: always show absolute times
// @match        https://github.com/*
// ==/UserScript==

(function() {
    setTimeout(function() {
        var els = window.document.querySelectorAll("time-ago,relative-time");
        els.forEach(function(el) {
            el.innerHTML += ' <span class="text-small">(' + el.title + ')</span>'; // set original timestamp
            el.disconnectedCallback(); // stop auto-updates
        });
    }, 100); // YMMV, experiment with the timeout
})();

그것은 그다지 예쁘지는 않지만 효과가 있는 것 같습니다.

사용자 스타일시트 플러그인 포함(크롬에서 스타일봇 사용 중)

time {
  font-size: 0;
}
time:after {
    content: attr(data-original-title);
    font-size: 14px;
}

2021년 업데이트: 북마크릿은 GitHub의 유일한 옵션으로 남아 있습니다.
예를 들어 Justin Noel의 "Displaying Real Commit Times in GitHub"을 참조하십시오.

javascript:(function() {    
  var style = document.createElement('style');
  document.head.appendChild(style);
  var sheet = style.sheet;
  sheet.addRule('time-ago:before,relative-time:before', 'content: attr(title);display: block;font-size: 0.5rem;');  
})()

https://pbs.twimg.com/card_img/1432824610794393602/CE26XtQw?format=jpg&name=small


이는 GitLab 14.1(2021년 7월)과 대비됩니다.

절대 시간을 표시하는 사용자 설정

GitLab은 많은 장소에 상대 시간(예: 30분 전)을 표시합니다.

이제 사용자 프로필 환경설정을 변경하여 May 18, 2021, 3:57 PM'와 같이 절대 시간을 표시할 수 있습니다.

절대 시간은 브라우저 설정을 준수하고 선호하는 로케일에 따라 날짜와 시간을 포맷합니다(예: 미국 영어보다 영국 영어).

이 새로운 디스플레이 옵션은 GitLab의 작업을 외부 시스템과 연결하는 것과 같은 워크플로우에 필요한 사용자를 위해 한 눈에 더 많은 정보를 제공합니다.

dd GitHub

설명서문제를 참조하십시오.

gitlab 10을 사용하여 도구 설명 제목을 요소에 표준 텍스트로 추가했습니다.

javascript:(function() { 
  var relativeTimeElements = window.document.querySelectorAll("time");
  relativeTimeElements.forEach(function(timeElement){
    timeElement.innerHTML = timeElement.innerHTML +" -- "+ timeElement.getAttribute('data-original-title');
  })
}());

이것은 Gogs를 위한 것입니다.

javascript:(function() {
     var items = Array.from(document.querySelectorAll('span,relative-time'));  items.forEach(function(item) {    item.innerText = item.getAttribute('data-content');    item.style.backgroundColor = '#eee';    item.style.padding = '5px';    item.style.color = '#333';    item.style.fontWeight = 'bold';  });})()

언급URL : https://stackoverflow.com/questions/20500411/see-real-commit-date-time-in-github-hour-day

반응형