タイムフィルタ、タイムスタンプを日常的なタイムスタイルに変換

3371 ワード

export function dateParse(dataString){
    if(dataString){
      let date = new Date(dataString);
      let Y = date.getFullYear() + '-';
      let M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-';
      let D = (date.getDate()< 10 ? '0'+date.getDate() : date.getDate())+' ';
      let h = (date.getHours()< 10 ? '0'+date.getHours() : date.getHours())+ ':';
      let m = (date.getMinutes()< 10 ? '0'+date.getMinutes() : date.getMinutes())+ ':';
      let s = (date.getSeconds()< 10 ? '0'+date.getSeconds() : date.getSeconds());
      return Y+M+D+h+m+s;  
    }else{
      return '';
    }
  }

vueプロジェクトで使用する場合は、srcフォルダの下にfiltersフォルダを作成し、filtersフォルダの下にindexを作成できます.jsファイル、上のコードを入れてsrcフォルダの下のmain.jsファイルにインポート:
import * as filters from './filters'
Object.keys(filters).forEach(key => {
  Vue.filter(key, filters[key])
})

最後にvueファイルのテーブルコンポーネントで使用できます.
-table :data="list" style="width: 100%">
	-table-column label="    " width="180" align="center">
	   >
	-table-column>
-table>

2020-03-04 09:23:14のスタイルが表示されます