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 でルート パスワードを取得する際の問題 (テスト済み、利用可能)
>>: フォント名に従ってフォントを呼び出すと、ブラウザに必要なフォントが表示されます。
IE は開発の初期段階では頭を悩ませましたが、他のブラウザとは異なります。他のブラウザがサポートして...
v-model は、入力とフォーム データ間、または 2 つのコンポーネント間の双方向データ バイ...
MySQL を学習すると、インストール後にいくつかのデフォルトのデータベースが付属していることに気付...
1. IPアドレスを設定する前に、まずifconfigを使用してネットワークカード情報を表示し、ネッ...
目次1. 双方向データバインディングとは1. データの双方向バインディングを実装する必要があるのはな...
この記事では、mysqld プロセスをシャットダウンするプロセスと、MySQL インスタンスを安全か...
通常のプロジェクト開発中に、MySQL バージョンが 5.6 から 5.7 にアップグレードされた場...
目次1. 矢印関数の使用1. 通常関数から矢印関数へ2. 中括弧を省略してリターンする3. 括弧を省...
需要背景:ミニプログラムページに GIF ダイナミック画像を挿入しますが、GIF 画像は通常サイズが...
簡単です。チュートリアルを見てください。ブロガー1. まずdockerを起動するサービスdocker...
この記事の例では、フルスクリーンスクロールを実現するためのjQueryの具体的なコードを参考までに共...
目次1. 重複行を見つける方法2. 重複行を削除する方法3. 複数の列で重複を見つける方法4. クエ...
1. ホットリンクの原則1.1 Webページの準備Web ソース ホスト (192.168.153...
借財宝は最近人気が出ている携帯電話ローンソフトウェアプラットフォームです。知人同士の貸し借りが特徴で...
クリックして画像を切り替えることは、日常生活で非常によく行われることです。今日の練習は、画像を切り替...