elementUI 时间格式化

elementUI 时间格式化1.html:<el-table-columnprop=”dateTime”:formatter=”dateFormat”label=”日期”></el-table-column>2.vue的methods里面//方法methods:{//时间格式化dateFormat(row,colum…

大家好,又见面了,我是你们的朋友全栈君。

1.html:

<el-table-column
      prop="dateTime"
      :formatter="dateFormat"
      label="日期">
</el-table-column>

2.vue的methods 里面

//方法
methods: {
    //时间格式化
    dateFormat(row,column){
       var dT=new Date(row.dateTime);//row 表示一行数据, dateTime 表示要格式化的字段名称
       return dT.getFullYear()+"-"+(dT.getMonth()+1)+"-"+dT.getDate()+" "+dT.getHours()+":"+dT.getMinutes()+":"+dT.getSeconds()+"."+dT.getMilliseconds();
     },

  //时间格式化2
  dataFormat2(row,column){
      var t=new Date(row.dateTime);//row 表示一行数据, dateTime 表示要格式化的字段名称
      var year=t.getFullYear(),
          month=t.getMonth()+1,
          day=t.getDate(),
          hour=t.getHours(),
          min=t.getMinutes(),
          sec=t.getSeconds();
      var newTime=year+'-'+
          (month<10?'0'+month:month)+'-'+
          (day<10?'0'+day:day)+' '+
          (hour<10?'0'+hour:hour)+':'+
          (min<10?'0'+min:min)+':'+
          (sec<10?'0'+sec:sec);
      return newTime;
  },
},

2020-01-07T16:00:00.000Z  该格式是element的默认时间输出格

效果图

2020-1-7 0:0:0.0

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/143909.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • python中for循环语句例子_python怎么循环1到8不要4

    python中for循环语句例子_python怎么循环1到8不要4这篇文章主要介绍了python中关于for循环使用过程中的碎碎念,需要的朋友可以参考下为什么要挑战自己在代码里不写forloop?因为这样可以迫使你去使用比较高级、地道的语法或库。文中以python为例子,讲了不少大家其实在别人的代码里都见过、但自己很少用的语法。这是一个挑战。我要你避免在任何情况下写for循环。同样的,我也要你找到一种场景——除了用for循环以外,用其他方法写都太难。请分享你的…

    2022年8月12日
    7
  • Altium Designer 入门教程

    Altium Designer 入门教程注:使用了引用语法但不是引用:以下内容有部分来源于网络、博客等等,结尾会给出参考链接。(๑•ั็ω•็ั๑)希望大家可以自觉的在转载、转发时著名出处。(๑•.•๑)预防侵权,支持原创,支持开源,从你我做起。= ̄ω ̄=放在开始如果您喜欢我的文章,拜托点赞+收藏+关注,博主会根据大家喜好来推出相关系列文章~更多精彩内容也可以访问我的博客Aelous-BLog/***Copyright(C),2019-2020,xudongpo.cn*Author:许东坡*Email.

    2022年7月13日
    26
  • Ext终于开始收费了

    Ext终于开始收费了

    2021年7月30日
    60
  • X86_64平台上利用qemu安装aarch64架构的虚拟机「建议收藏」

    X86_64平台上利用qemu安装aarch64架构的虚拟机「建议收藏」前一段时间摸索了以下在x86平台上安装arm架构(包括aarch64和armhf)的虚拟机,中间遇到了不少问题。把经验总结下来希望能帮到大家。1.安装qemu-system-aarch642.UEFI固件下载3.操作系统下载4.创建虚拟硬盘5.虚拟机安装6.虚拟机启动6.利用virt-manager启动虚拟机7.参考链接1.安装qemu-system…

    2022年10月17日
    3
  • qq群泄露数据库_QQ群聊天记录全部人都可以看到吗

    qq群泄露数据库_QQ群聊天记录全部人都可以看到吗目录:基本介绍漏洞截图迅雷下载截图百度云下载截图       这年头,用户资料都可以论斤卖了,无论是快递单上的用户信息,还是酒店的开房记录,还是网站的登陆密码,只要黑客想要,都能手到擒来。这不,根据乌云的报告,18号下午QQ群的用户资料被大量泄漏了!据乌云平台上漏洞提交者“路人甲@乌云”称,该漏洞可能是腾讯早期的漏洞被利用抓取,相关数据可以

    2022年9月27日
    6
  • mysql分区表_MySQL分区分表[通俗易懂]

    mysql分区表_MySQL分区分表[通俗易懂]1、为什么要分表?数据库数据越来越大,随之而来的是单个表中数据太多。以至于查询速度变慢,而且由于表的锁机制导致应用操作也搜到严重影响,出现了数据库性能瓶颈。mysql中有一种机制是表锁定和行锁定,是为了保证数据的完整性。表锁定表示你们都不能对这张表进行操作,必须等我对表操作完才行。行锁定也一样,别的sql必须等我对这条数据操作完了,才能对这条数据进行操作。当出现这种情况时,我们可以考虑分表或分区。…

    2022年4月29日
    52

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号