vueのタイムフィルタ
7770 ワード
vueのタイムフィルタ
<template>
<div id="app">
<div> : {{ dateTime }</div>
<div> : {{ dateTime | dateFormat }}</div>
</div>
</template>
<script>
var vm = new Vue({
el: '#app',
data: {
dateTime: new Date(),
},
// ,
filters: {
dateFormat: (dateTime) => {
var now = new Date(dateTime)
var y = now.getFullYear()
var m = (now.getMonth() + 1).toString().padStart(2, '0')
var d = now.getDate().toString().padStart(2, '0')
var hh = now.getHours().toString().padStart(2, '0')
var mm = now.getMinutes().toString().padStart(2, '0')
var ss = now.getSeconds().toString().padStart(2, '0')
//
return `${y}-${m}-${d} ${hh}:${mm}:${ss}`
}
}
})
</script>