跳到正文

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

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; } });

评论

填写昵称与邮箱即可评论,无需登录。

推荐阅读