vue格式化时间戳_日期格式转换

vue格式化时间戳_日期格式转换第一步:下载安装第三方组件:npminstallmoment–save第二步:在你需要格式化时间的页面引入moment组件importmomentfrom’moment’第三步:然后配合我们element-ui,在元素中加入:formatter<el-table-columnprop=”add_time”label=”创建时间”:formatter=”dateFormat”width=”200px”></el-table-column&gt

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

第一步:下载安装第三方组件:

npm install moment --save

第二步:在你需要格式化时间的页面引入moment组件

import moment from 'moment'

第三步:然后配合我们element-ui,在元素中加入 :formatter

<el-table-column prop="add_time" label="创建时间" :formatter="dateFormat" width="200px"></el-table-column>

第四步:然后声明一个方法,去调用

//时间格式化-S
    dateFormat(row, column) {
      var date = row[column.property];
      if (date == undefined) {
        return "";
      }
      return moment(date).format("YYYY-MM-DD HH:mm:ss");
    },
 //时间格式化-E

备注:如果以上都设置完,出现的时间格式都是 1970年的,那么更改下代码即可:

//时间格式化-S
        dateFormat(row, column) {
        var date = row[column.property]*1000;
        if (date == undefined) {
            return "";
        }
        return moment(date).format("YYYY-MM-DD HH:mm:ss");

        },
        //时间格式化-E

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

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

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

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

(0)


相关推荐

  • 校花网爬取校花照片

    校花网爬取校花照片"""今天我们开始尝试,第一次学习爬虫的第一个案例,去校花网上爬取一些校花的照片"""fromrequests_htmlimportH

  • 对话框皮肤(地下城皮肤怎么获得)

     
    设置圆角对话框:(网上说在onsize中做,我还没有尝试,目前写在OnInitDialog里面了)
    CRectrect;
    GetWindowRect(&rect);
    CRgnreg;
    reg.CreateRoundRectRgn(reg.left,reg.top,rgn.width(),rgn.Height());
    SetWindowRgn(rgn,true);
     设置窗体启动时的大小:
    SetWindo

  • Vue.js 数据绑定语法详解

    Vue.js 数据绑定语法详解

  • Sub-process /usr/bin/dpkg returned an error code_sub-process /usr/bin/dpkg

    Sub-process /usr/bin/dpkg returned an error code_sub-process /usr/bin/dpkgE:Sub-process/usr/bin/dpkgreturnedanerrorcode(1)解决办法安装libapache2-svn出现了这个错误,是由于apt-get安装软件时出现了类似于:dpkg:errorprocessingpackagelibapache2-mod-svn(–configure):subprocessinstalledpost-i…

  • 四大主流芯片架构(X86、ARM、RISC-V和MIPS)

    四大主流芯片架构(X86、ARM、RISC-V和MIPS)目前市场上主流的芯片架构有X86、ARM、RISC-V和MIPS四种:序号架构特点代表性的厂商运营机构发明时间1X86性能高,速度快,兼容性好英特尔,AMD英特尔1978年2ARM成本低,低功耗苹果,谷歌,IBM,华为英国ARM公司1983年3RISC-V模块化,极简,可拓展三星,英伟达,西部数据RISC-V基金会2014年…

  • t276芯片(芯片st是什么意思)

    ST7789V2是一个单芯片TFT-LCD驱动器。该芯片可以直接连接到外部MCU,支持并行8080系列的8位/9位/16位/18位接口,也支持SPI串行通讯接口。显示数据可以存储在240x320x18bits的片上显示数据RAM中。它可以在没有外部操作时钟的情况下执行显示数据RAM读写操作,以尽量减少功耗。并行接口占用外部MCU芯片引脚较多,但其通讯速率较快,一般只在需要高速刷新及MCU资源比较丰富的场合使用。SPI串行通讯接口占用MCU芯片引脚较少,通讯速率相对并行接口较慢,但因其占用MCU引脚.

发表回复

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

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