intellij idea使用教程 第三代半导体 Eclipse mfc Python爬虫实战 express class grails path base64 cocos2d html5 vue开发文档 vue的钩子函数 郑州网络 android项目开发 jq遍历 时间戳java mysql分区表优劣分析 反函数的二阶导数 destoon模板 python迭代器 二分查找python python环境设置 python随机整数 python编程语言 python命令大全 javaqueue java正则替换 java读取文件内容 java读文件 java中的map php实例代码 flash实例教程 ip隐藏 高效能人士的七个习惯pdf 咪咕客户端下载 免费书籍 迅雷会员共享账号 ansys安装教程 修改ip地址软件
当前位置: 首页 > 学习教程  > 编程语言

vue 商品列表页面自定义格式时间

2021/2/13 19:04:23 文章标签: 测试文章如有侵权请发送至邮箱809451989@qq.com投诉后文章立即删除

main.js中自定义全局组件 Vue.filter(dateFormat, function (originValue) {const dt new Date(originValue)const y dt.getFullYear()const m (dt.getMonth() 1 ).padStart(2, 0)const d (dt.getDate() ).padStart(2, 0)const hh (dt.getHours() ).padStart(2, 0)co…

main.js中自定义全局组件

Vue.filter('dateFormat', function (originValue) {
  const dt = new Date(originValue)

  const y = dt.getFullYear()
  const m = (dt.getMonth() + 1 + '').padStart(2, '0')
  const d = (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 `${y}-${m}-${d} ${hh}:${mm}:${ss}`
})

调用,采用作用域插槽形式

<el-table-column label="创建时间" prop="add_time" width="140px">
          <template slot-scope="scope">
            {{scope.row.add_time | dateFormat}}
          </template>
        </el-table-column>

本文链接: http://www.dtmao.cc/news_show_700272.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?