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)
上一篇 2022年5月20日 下午4:00
下一篇 2022年5月20日 下午4:00


相关推荐

  • nmap命令扫描开放端口

    nmap命令扫描开放端口简单举例下,以下的场景,我使用了nmap命令场景1:使用树莓派但是没有显示器,这时候把树莓派接入局域网,通过使用nmap命令扫描局域网内的所有开放端口,分析扫描信息,从而得出树莓派的局域网ip,这时候就可以通过ip连上树莓派了场景2:nmap常被黑客用于分析服务器哪些端口开放,如果无聊我们也可以看下自己的服务器都开放了哪些端口安装nmap命令Mac上安装nmapbrewinst…

    2022年5月28日
    38
  • nacvicat 15 激活码【在线注册码/序列号/破解码】

    nacvicat 15 激活码【在线注册码/序列号/破解码】,https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月20日
    45
  • c++入门教程–-12作用域

    c++入门教程–-12作用域

    2021年3月12日
    196
  • Kafka源码解析_kafka删除消费组命令

    Kafka源码解析_kafka删除消费组命令本文依然是以kafka0.8.2.2为例讲解一,如何删除一个topic删除一个topic有两个关键点:1,配置删除参数delete.topic.enable这个Broker参数配置为True。2,执行bin/kafka-topics.sh–zookeeperzk_host:port/chroot–delete–topicmy_topic_name假如不配置删除参数为true的话,topic其实并没有被清除,只是被标记为删除。此时,估计一般人的做法是删除topic在Zookeep

    2022年10月16日
    4
  • 管程

    管程管程类型是由程序员定义的一组在管程内互斥操作的类型管程会保证只有一个进程在管程的执行 使得所有的进程都互斥 管程的队列 等待队列 多个 就绪队列 外部等待队列

    2026年3月20日
    2
  • 用html编写或在dw中完成,Dreamweaver教程-在 Dreamweaver 中编写 HTML 代码[通俗易懂]

    用html编写或在dw中完成,Dreamweaver教程-在 Dreamweaver 中编写 HTML 代码[通俗易懂]Dreamweaver教程-在Dreamweaver中编写HTML代码,代码,教程,标签,光标,文本Dreamweaver教程-在Dreamweaver中编写HTML代码易采站长站,站长之家为您整理了Dreamweaver教程-在Dreamweaver中编写HTML代码的相关内容。1.启动DreamweaverCS52.点击左上角的“文件”>“新建”。3.在“新…

    2022年5月2日
    46

发表回复

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

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