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

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • matlab 随机数矩阵_随机矩阵理论

    matlab 随机数矩阵_随机矩阵理论A=rand(3,5)%定义一个3行5列的随机矩阵size(A)%返回值是35rows=size(A,1)%取到行数,1指代取行数cols=size(A,2)%取到列数,2指代取列数注意:目前MATLAB中下标都是从1开始的

  • win10下pytorch-gpu安装以及CUDA详细安装过程

    win10下pytorch-gpu安装以及CUDA详细安装过程win10下pytorch-gpu安装以及CUDA详细安装过程1.Cuda的下载安装及配置首先我们要确定本机是否有独立显卡。在计算机-管理-设备管理器-显示适配器中,查看是否有独立显卡。可以看到本机有一个集成显卡和独立显卡NVIDIAGetForceGTX1050。接下来,测试本机独立显…

  • androidmanifest.xml作用_android读取xml数据

    androidmanifest.xml作用_android读取xml数据AndroidManifest.xml是每个android程序中必须的文件,它位于整个项目的根目录。我们每天都在使用这个文件,往里面配置程序运行所必要的组件,权限,以及一些相关信息。但是对于这个文件,我们真正又了解多少了,还是只是停留在只会简单的配置,而不明白其中的具体含义,以及为什么要这样设置?今天就让我们来详细的学习一下这个文件里各项参数的具体含义,因为它是整个应用的入口,所以有助于我们更加…

  • cmd查看防火墙状态_win7防火墙关闭不了

    cmd查看防火墙状态_win7防火墙关闭不了centOS7查看防火墙状态

    2022年10月23日
  • 哪些不符合python语言变量名_以下选项中不符合 Python 语言变量命名规则的是( )_学小易找答案…[通俗易懂]

    哪些不符合python语言变量名_以下选项中不符合 Python 语言变量命名规则的是( )_学小易找答案…[通俗易懂]【单选题】下列各项中,关于银行存款业务的表述中正确的是()。(2012年)【单选题】下列各项中,关于企业无法查明原因的现金溢余,经批准后应贷记的会计科目是()。【多选题】计价软件中,在人材机汇总界面广材助手中,可以进行的调价有()【单选题】1KB表示()。【多选题】在分部分项工程界面,添加一项清单的方法有()【多选题】在计价软件中新建三级项目管理后,可以进行的造价分析有()【判断题…

  • Linux挂载磁盘后只读权限,linux挂载磁盘就变只读怎么解决

    Linux挂载磁盘后只读权限,linux挂载磁盘就变只读怎么解决Linux系统挂载存储变成只读的解决方案:1、mount:用于查看哪个模块输入只读,一般显示为:[root@localhost~]#mount/dev/cciss/c0d0p2on/typeext3(rw)procon/proctypeproc(rw)sysfson/systypesysfs(rw)devptson/dev/ptstypedevpts(r…

发表回复

您的电子邮箱地址不会被公开。

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