[TIL][UFO]コメント/投稿作成日を表示

3536 ワード
TIL テキストリンク

テーブル作成日を示します


今日の任務は前日より簡単だ.
  • ユーザーが投稿を書くと、対応する投稿に賛数、クリック数、投稿生成日が表示されます.
  • 点の賛辞とクリック率の場合、サーバから送信されたデータをそのままview要素にバインドして何もすることなく表示することができますが、日付を生成すると、YYYYYYYY:MM:DD:mmのフォーマットではなく、10分前に、少し前のように、ユーザーが見やすいフォーマットに変換されます.

    • この機能を実現するために,モーメントとTimeCountingライブラリを併用した.
    
//작성일 라이브러리
import moment from "moment"; // moment 날짜 라이브러리
import TimeCounting from "time-counting"; // 작성일 표시 라이브러리

    const timeOption = {
        lang: "ko",
        // objectTime: "2020-08-10 06:00:00",
        objectTime: moment().format(`YYYY/MM/DD HH:mm:ss`),
        calculate: {
            justNow: 61,
        },
    };
    TimeCountingでは、TimeOptionオブジェクトを作成し、合成日をどのような形式で表示するかを設定できます.
    言語は韓国語で,objectTime(サーバから送信された時刻データを比較)はモーメンツライブラリを用いて現在時刻を生成する.
    justNowは投稿を書くときに「少し前」の文をつけ、60秒前にしか表現できません.
    <CountSpan>
{TimeCounting(
post && post.createdAt.replace(/-/g, "/"),
timeOption,)}
</CountSpan>
    ここでreplace(/-/g,"/")regex処理を行うのは、移動safariがYYYY-MM-DD形式を認識できないため、移動ビューで-を/に変更するためである.
    [伯俊]BOJ 2798 JAVA
    [アルゴリズム]プログラマ-K番目の数字(JavaScript)