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>