插件时间格式处理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=""属性

相关文章
|
7月前
uView time 时间格式
uView time 时间格式
120 0
|
7月前
|
小程序 API
uniapp中uview组件库丰富的Calendar 日历用法
uniapp中uview组件库丰富的Calendar 日历用法
798 0
|
5月前
|
JavaScript
vue 农历日期转公历日期(含插件 js-calendar-converter 使用教程)
vue 农历日期转公历日期(含插件 js-calendar-converter 使用教程)
245 0
|
5月前
|
数据库
uniapp 【专题详解 -- 时间】云数据库时间类型设计,时间生成、时间格式化渲染(uni-dateformat 组件的使用)
uniapp 【专题详解 -- 时间】云数据库时间类型设计,时间生成、时间格式化渲染(uni-dateformat 组件的使用)
176 0
|
5月前
|
JavaScript 前端开发
js/javascript 操作时间日期【全】含时间日期的创建、获取、比较、计算、格式化、时间戳、昨天、今天、星期汉化、计时、相关插件等
js/javascript 操作时间日期【全】含时间日期的创建、获取、比较、计算、格式化、时间戳、昨天、今天、星期汉化、计时、相关插件等
115 0
|
JavaScript
vue获取系统默认的年月日时分秒
vue获取系统默认的年月日时分秒
202 1
|
前端开发 定位技术
前端将UTC时间格式转化为本地时间格式~~uniapp写法
前端将UTC时间格式转化为本地时间格式~~uniapp写法
148 0
|
JavaScript
VUE把标准时间格式转换成xx-xx-xx
VUE把标准时间格式转换成xx-xx-xx
98 1
|
JavaScript 前端开发 API
【moment.js】时间格式化插件
【moment.js】时间格式化插件
164 1
DRF--ModelSerializer和时间格式化
DRF--ModelSerializer和时间格式化