每次进入此页面都显示当前时间，并设置格式化时间

1.首先需要在vue中定义一个时间

data() { return { datatime: new Date() } }

2.可以定义一个过滤器格式化时间或者定义一个时间格式函数也可以 时间过滤器

filters: { // 时间过滤器 dateFilter(str) { var datetime = new Date(str); var y = datetime.getFullYear() + '-'; var m = (datetime.getMonth() + 1 < 10 ? '0' + (datetime.getMonth() + 1) : datetime.getMonth() + 1) + '-'; var d = (datetime.getDate() < 10 ? '0' + datetime.getDate() : datetime.getDate()); var h = (datetime.getHours() < 10 ? '0' + datetime.getHours() : datetime.getHours()); var m = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes(); var s = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds(); return y + m + d + ' ' + h + ":" + m + ":" + s;; } },

时间格式化函数

methods: { //时间格式化函数，此处仅针对yyyy-MM-dd hh:mm:ss 的格式进行格式化 dateFormat(time) { var date = new Date(time); var year = date.getFullYear(); /* 在日期格式中，月份是从0开始的，因此要加0 * 使用三元表达式在小于10的前面加0，以达到格式统一 如 09:11:05 * */ var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1; var day = date.getDate() < 10 ? "0" + date.getDate() : date.getDate(); var hours = date.getHours() < 10 ? "0" + date.getHours() : date.getHours(); var minutes = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes(); var seconds = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds(); // 拼接 return year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds; }, }

3.在页面中 使用函数或者过滤器都可以 使用过滤器:

{{ datatime | dateFilter}}

使用时间格式函数

{{dateFormat(datatime)}}