HTML部分：

ID

NAME

CTIME

OPERATION

{{item.id}}

{{item.ctime | dateFormat('yyyy-mm-dd')}}

[删除](#)

JavaScript部分： // 定义一个全局过滤器 Vue.filter('dateFormat', function (dataStr, patten) { // 根据给定的时间字符串，得到一个特定的时间 var dt = new Date(dataStr); // yyyy-mm-dd var y = dt.getFullYear(); // 由于month 是从0开始的，这里需要初始化 var m = dt.getMonth() + 1; var d = dt.getDate(); if (patten.toLowerCase() === 'yyyy-mm-dd') { // 这里也可以直接使用模板字符串 return y + '-' + m + '-' + d; } else { var hh = dt.getHours(); var mm = dt.getMinutes(); var ss = dt.getSeconds(); return y + '-' + m + '-' + d + hh + ':' + mm + ':' + ss; } });

【Vue笔记】使用Vue实现的简单的时间日期格式过滤器