タイムフィルタ、タイムスタンプを日常的なタイムスタイルに変換
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">
-scope="{row}">
>{{row.orderTime | dateParse}}>
>
-table-column>
-table>
2020-03-04 09:23:14のスタイルが表示されます