vue2 では、タイムスタンプを変換するときに、通常はフィルターを使用します。vue3 以降では、フィルターが削除され、使用できなくなります。公式の推奨事項は、メソッドまたは計算プロパティを使用することです。 タイムスタンプを変換できる Time.ts ファイルを以下に記述します。 クラス Time { // 時刻をフォーマットする public formatTime(time: number) { date = new Date(time * 1000); とします。 年 = date.getFullYear(); 月 = date.getMonth() + 1 とします。 day = date.getDate() とします。 時間 = date.getHours(); 分を date.getMinutes() とします。 秒を date.getSeconds() とします。 年 + "-" + month.toString().padStart(2, "0") + "-" + day.toString().padStart(2, "0") を返します。 + " " + hour.toString().padStart(2, "0") + ":" + minute.toString().padStart(2, "0") + ":" + second.toString().padStart(2, "0"); } } 定数time = 新しいTime(); デフォルトの時間をエクスポートします。 これを使用するには、テンプレートでこのメソッドを呼び出して、対応するタイムスタンプを渡すだけです。 {{time.formatTime(タイムスタンプ)}} 表示効果:
現時点では、上記の形式にのみ変換できます。さらに形式が必要な場合は、 これで、vue3 タイムスタンプ変換 (フィルターなし) に関するこの記事は終了です。vue3 タイムスタンプ変換に関するより関連性の高いコンテンツについては、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: Linux 上の MYSQL 5.7 でルート パスワードを取得する際の問題 (テスト済み、利用可能)
>>: フォント名に従ってフォントを呼び出すと、ブラウザに必要なフォントが表示されます。
MyBatisインターセプターのページング機能を実装する方法序文:まず、実装原則についてお話しします...
Vue でタブ切り替えを実装する 3 つの方法1. v-showはコンテンツの切り替えを制御します1...
<meta http-equiv="X-UA-compatible" co...
序章nginx が優れたリバース プロキシ サービスであることは誰もが知っています。nginx を使...
導入react-i18next は、 i18nextをベースにした強力な国際化フレームワークです。 ...
目次1つのマスターと複数のスレーブのレプリケーションアーキテクチャマルチレベルレプリケーションアーキ...
1. mysqlコマンドをインポートするmysql コマンドのインポート構文は次のとおりです。 my...
1. <body background=画像ファイル名 bgcolor=color text=...
フロントエンド ページの需要が増加し続けるにつれて、一部のシーンではグラデーションの背景要素が必要に...
序文: Vue3 がリリースされてからかなり経ちますが、最近、会社のプロジェクトでVue3 + Ty...
1. CSS変数がもたらす質的変化CSS 変数によってもたらされる改善は、CSS コードの節約や C...
フロントエンド開発でよく使われるCSSの配置方法は、位置決めには、通常位置決め、相対位置決め、絶対位...
序文この記事では主に、Linux/Mac に MySQL をインストールするときにパスワードを忘れた...
目次概要機能性と読みやすさ空白括弧セミコロンインデント身元大文字と小文字を区別予約キーワード概要すべ...
Linux では、ハードディスクの追加やパーティションの再マウントといった状況に頻繁に遭遇します。こ...