文章标签格式化时间自定义javascript文章分类JavaScript前端开发阅读数46
在 main.js 入口文件全局注册格式化时间的过滤器,代码如下所示:
Javascript
// 自定义格式化时间的全局过滤器 Vue.filter('dataFormat', function(originVal) { const dt = new Date(originVal) const year = dt.getFullYear() const mon = (dt.getMonth() + 1 + '').padStart(2, '0') const day = (dt.getDate() + '').padStart(2, '0') const hh = (dt.getHours() + '').padStart(2, '0') const mm = (dt.getMinutes() + '').padStart(2, '0') const ss = (dt.getSeconds() + '').padStart(2, '0') return `${year}-${mon}-${day} ${hh}:${mm}:${ss}` })
在我们的组件当中,通过 | 来给我们的时间添加一个过滤器
最终实现效果如下图所示: