插件时间格式处理moment如何使用

简介: 插件时间格式处理moment如何使用

第1步下载插件 cnpm i moment -S


第2步 在main.js中去使用


在main.js中 注册全局过滤器 fmtdata是等会你用的 可以自定义
fmtdata直接可以调用。是一个过滤器哈
Vue.filter("fmtdata",(v)=>{
  return moment(v).format("YYYY-MM-DD")
})


template要使用内部的数据  设置slot-scope属性
slot-scope的值tableData其实就是el-table绑定的数据tableData
userlist.row是数组中的每一个对象


users.vue文件####


<el-table :data="tableData" style="width: 100%">
      <el-table-column  label="创建时间">
        //fmtdata 直接嗲用过滤器,进行时间格式
        <template slot-scope="tableData">{{ tableData.row.create_time|fmtdata }}</template>
      </el-table-column>
       <el-table-column prop="name" label="姓名" width="180"></el-table-column>
</el-table>


注意tableData是:data="tableData"绑定的额  slot-scope="tableData"  create_time是字段  fmtdata你全局注册的过滤器


删除 prop=""属性

相关文章
|
1月前
uView time 时间格式
uView time 时间格式
58 0
|
1月前
uniapp获取当前时间
uniapp获取当前时间
67 0
|
11月前
|
JavaScript
JS Date配置日期格式化
JS Date配置日期格式化
|
1月前
|
C++
C++ Qt开发:DateTime日期时间组件
Qt 是一个跨平台C++图形界面开发库,利用Qt可以快速开发跨平台窗体应用程序,在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置,实现图形化开发极大的方便了开发效率,本章将重点介绍`QDateTime`日期与时间组件的常用方法及灵活运用。在Qt中,日期和时间的处理通常使用 `QDateTime` 类。`QDateTime` 是一个用于表示日期和时间的类,而与之相关的组件还包括 `QDate` 、 `QTime`以及`QDateTime`,以下是对这些组件的详细概述。
68 0
|
8月前
|
前端开发 定位技术
前端将UTC时间格式转化为本地时间格式~~uniapp写法
前端将UTC时间格式转化为本地时间格式~~uniapp写法
73 0
|
10月前
|
JavaScript 前端开发
如何利用JS获取当前具体日期时间与获取前一天日期时间
在项目中获取当前时间是从后台处理来进行获取的,然后通过ajax请求接口,返回给前端,我也不知道为什么要这么进行,不知道谁写的,暂时先放着吧,供大家观看,后面我会贴出来js获取当前时间的方法。
407 0
|
10月前
DRF--ModelSerializer和时间格式化
DRF--ModelSerializer和时间格式化
|
10月前
|
Unix C语言 Python
|
11月前
|
存储 JavaScript 前端开发
《现代Javascript高级教程》Date类:日期和时间处理
Date类:日期和时间处理 引言 在JavaScript中,Date类是用于处理日期和时间的内置类。它提供了一系列属性和方法,使我们能够操作和管理日期、时间、时区等相关信息。本文将详细介绍Date类的属性、常用方法以及应用场景,并提供相应的代码示例。
64 0
|
12月前
|
JavaScript 前端开发 API
【moment.js】时间格式化插件
【moment.js】时间格式化插件
118 1

热门文章

最新文章