echartテーブルの日付フォーマット

使用echartテーブルデータを示すもののにタイムスタンプ13、スタンプが表に表示された時刻、タイムスタンプのための背景を提供するYYYY-MM-DD HH-MM -SSを次のように時間のフォーマットは:
リファレンスいくつかの方法:

要素UI-時間フォーマットされたデータテーブル方式
VUE UI要素変換タイムスタンプ形式の表示
形態VUE転送日付スタンプの下に要素を使用
VUE +タイムスタンプ変換テーブル要素

試行錯誤の
方法①* .replaceの使用はVUEで報告されます()*メソッドはメソッドではありません、それは鎖状構造であってはならない、私は見つけるためには至っていない特定の理由を特定し、別の外観を取る時間があります。
②方法は有用であるが、数が一緒にデータの範囲は、一桁を補完ゼロではないではない標準的な変換結果は、非常に美しいであろう。
③使用方法モーメント私は何回も失敗したときにケースは非常に簡単になります場合、ツール、ライブラリ、インポートライブラリは、使用できない瞬間()メソッドを使用することができます。
④方法は、テーブル内のフォーマッタ方法元素UIを使用していないが、単一のフィルタを書くことが、構文の内側に問題ではありません。
最後は、結果
、私は時間の形式は、次のコードを達成するために一緒に④③プロジェクトや方法方法の特徴を組み合わせました:

<el-table-column
      prop="checkTime"
      header-align="center"
      label="检测时间"
      show-overflow-tooltip
      width="200"
      align="center"
      :formatter="dateFormat"
></el-table-column>

注意
この問題は本当に間違ってあまりにも多くの倍以上である
、以前の方法の必須書き込みコロン!
方法は、コロンの前に記述する必要があります!
方法は、コロンの前に記述する必要があります!

その方法への書き込み以下の方法:

dateFormat(row, column) {
      var date = new Date(row.checkTime);
      var Y = date.getFullYear() + "-";
      var M =
        (date.getMonth() + 1 < 10
          ? "0" + (date.getMonth() + 1)
          : date.getMonth() + 1) + "-";
      var d =
        date.getDate() < 10
          ? "0" + (date.getDate() + " ")
          : date.getDate() + " ";
      var h =
        date.getHours() < 10
          ? "0" + (date.getHours() + ":")
          : date.getHours() + ":";
      var m =
        date.getMinutes() < 10
          ? "0" + (date.getMinutes() + ":")
          : date.getMinutes() + ":";
      var s =
        date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
      return Y + M + d + h + m + s;
    }

JavaScriptのDateオブジェクト

変換後のパフォーマンス
2020年2月12日夜04時49分28秒

公開された23元の記事 ウォンの賞賛0 ビュー367

おすすめ

転載: blog.csdn.net/zhao_66/article/details/104317044