ElementUi Table中格式化日期

悠悠 2022-12-26 10:11 742阅读 0赞

先看效果：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l5ajEwODMxNw_size_16_color_FFFFFF_t_70][]

其实ElementUi中的table日期格式化即其列的格式化，就要用到

:formatter这个属性

<el-table-column
                  prop="createTime"
                  label="创建日期"
                  width="150"
                  align="center"
                 :formatter="dateFormat">
              </el-table-column>

如上，为格式化定义了dateFromat方法

然后写自己的这个自定义方法就行，可以自己写，也可以下载moment.js插件

/*日期处理*/
        dateFormat:function(row,column){
          var date = row[column.property];
          if(date === undefined){
            return ''
          }
          return moment(date).format("YYYY-MM-DD HH:mm:ss")
        },

我用的是comment.js,所以在使用前，会执行如下：

npm install moment --save

然后在使用的vue文件中引入即可：

import moment from "moment"

如果不想下载，就自己写个格式化函数库也是可以的。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l5ajEwODMxNw_size_16_color_FFFFFF_t_70]: /images/20221120/8cc87cd49ff54d0789e1273277b0c065.png

发表评论取消回复

表情：

评论列表（有 0 条评论，742人围观）

还没有评论，来说两句吧...

相关阅读

相关 ElementUI中对el-table的某一列的时间进行格式化

场景前端使用el-table查询到后台的数据的某一列时间列默认是标准UTC格式，如果想按照自己想显示的格式获取年月日和时分秒进行显示怎么办。注：博客： [h

以你之姓@/ 2023年10月05日 12:09/ 0 赞/ 34 阅读

相关 ElementUI中统计Table筛选结果数量

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

左手的ㄟ右手/ 2023年06月10日 06:23/ 0 赞/ 489 阅读

相关 ElementUi Table中格式化日期

先看效果： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L

悠悠/ 2022年12月26日 10:11/ 0 赞/ 743 阅读

相关 javascript中日期格式化

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

àì夳堔傛蜴生んèń/ 2022年12月04日 07:31/ 0 赞/ 209 阅读

相关 VUE中格式化日期

需要使用插件：moment – npm 安装（–save表示保存到package.json中） npm install moment --save 在packa

Myth丶恋晨/ 2022年11月04日 12:27/ 0 赞/ 185 阅读

相关 ElementUI table 样式修改

一、概述 element-ui table 默认是白色背景，现在需要修改为黑色背景，白色文字。二、代码实现 css样式 <style> /

我不是女神ヾ/ 2022年11月01日 00:46/ 0 赞/ 19 阅读

相关 Dojo中日期格式化处理

Javascript中并没有内置的日期格式化函数，因此JS框架都有自己的实现方法，而在Dojo中，就是dojo.date.locale.format： dojo.date.l

阳光穿透心脏的1/2处/ 2022年08月13日 04:59/ 0 赞/ 301 阅读

相关格式化日期

\--使用Date import java.util.Date; import java.text.SimpleDateFormat; Date d = new Date

待我称王封你为后i/ 2022年02月27日 18:26/ 0 赞/ 429 阅读

相关 js中日期的格式化

将date类型的时间格式化为date原型增加如下方法 Date.prototype.format = function(fmt) {

悠悠/ 2021年12月12日 11:51/ 0 赞/ 385 阅读

相关 jsp中日期格式化

jsp中日期格式化 <td><fmt:formatDate value="$\{\_item.ffsj\}" var="ffsj" type="both" pattern="

心已赠人/ 2021年09月24日 13:50/ 0 赞/ 399 阅读