Vue时间过滤器的使用

在main.js中定义

// 定义时间过滤器，
Vue.filter('dateFormat', function (originDate, pattern = '') {// 根据给定的时间字符串，得到特定的时间var dt = new Date(originDate)//   yyyy-mm-ddvar y = dt.getFullYear()var m = (dt.getMonth() + 1).toString().padStart(2, '0')var d = dt.getDate().toString().padStart(2, '0')if (pattern.toLowerCase() === 'yyyy-mm-dd') {return `${y}-${m}-${d}`} else {var hh = dt.getHours().toString().padStart(2, '0')var mm = dt.getMinutes().toString().padStart(2, '0')var ss = dt.getSeconds().toString().padStart(2, '0')return `${y}-${m}-${d} ${hh}:${mm}:${ss}`}
})

HTML,通过作用域插槽过滤

      <el-table :data="goodsList" border style="width: 100%" stripe><el-table-column prop="goods_name" label="商品名称">el-table-column><el-table-column label="创建时间" width="140px"><template slot-scope="scope">{{scope.row.add_time | dateFormat}}template>el-table-column>el-table>

参考：https://blog.csdn.net/ssllkkyyaa/article/details/94457766

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！