Vue 에서 filter 사용

Vue 에서 filter 사용

201706120910 와 같은 문자열 형태일 경우 날짜 와 시간을 구분하여 표시하기 위해 필터를 사용함.

javascript

Vue.filter('date_to_day', function(date) {
	var re = /(\d{4})(\d{2})(\d{2})(\d{2})(\d{2})/g;
	var r = re.exec(date);
	return r[1] + "-" + r[2] + "-" + r[3];
});

Vue.filter('date_to_time', function(date) {
	var re = /(\d{4})(\d{2})(\d{2})(\d{2})(\d{2})/g;
	var r = re.exec(date);
	return r[4] + ":" + r[5];
});

html

<span class="recordTxt">등록일자</span> <span class="record">{{ data.reg_date | date_to_day }}</span>
<span class="recordTxt">등록시간</span> <span class="record">{{ data.reg_date | date_to_time }}</span>

출력결과