Elementui 表格时间戳转年月日

全部下载moment

**npm install moment --save**

组件引用

**import moment from ‘moment’**

表格有一个formatter属性

	<el-table-column prop="create_time" label="下单时间"   :formatter="dateFormat"  ></el-table-column>

标题在methods定义一个方法

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

简单来说,vue组件传入的方法函数应该使用v-bind属性绑定

时间格式化使用moent.js

要将JavaScript中的时间戳换为年月日格式,可以使用以下代码: ```javascript // 获取当前时间戳 let timestamp = Date.now(); // 将时间戳换为Date对象 let date = new Date(timestamp); // 获取年、月、日 let year = date.getFullYear(); let month = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1); let day = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()); // 拼接成年月日格式 let formattedDate = year + '-' + month + '-' + day; console.log('输出内容:', formattedDate); ``` 这段代码首先获取当前时间戳,然后使用`new Date(timestamp)`将时间戳换为Date对象。接着,通过`getFullYear()`、`getMonth()`和`getDate()`方法获取年、月、日,并使用三元运算符和字符串拼接将它们格式化为年月日的形式。最后,将格式化后的日期打印出来。 #### 引用[.reference_title] - *1* [js获取时间戳,将时间戳换为年月日时分秒](https://blog.csdn.net/Aom_yt/article/details/119825165)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [js 时间戳换,标准时间年月日时分秒(补0),时间戳](https://blog.csdn.net/jmhaoxuan/article/details/127609186)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值