前端常见的时间转换方法,获取当前时间方法

起名时在学Aiifox 2024-06-10 13:33:18 阅读 98

1、获取当前年月日时间

getCurrentDate() { const date = new Date(); const year = date.getFullYear(); const month = date.getMonth() + 1; // JavaScript的月份是从0开始的,所以需要加1 const day = date.getDate(); const hours = date.getHours().toString().padStart(2, '0'); // 补零 const minutes = date.getMinutes().toString().padStart(2, '0'); // 补零 this.currentDate = `${year}-${month}.${day}-${hours}:${minutes}`;},

2、将时间戳转换为指定格式

function formatTime(time, format) { const date = new Date(time); const year = date.getFullYear(); const month = (date.getMonth() + 1).toString().padStart(2, '0'); const day = date.getDate().toString().padStart(2, '0'); const hour = date.getHours().toString().padStart(2, '0'); const minute = date.getMinutes().toString().padStart(2, '0'); const second = date.getSeconds().toString().padStart(2, '0'); let result = ''; switch (format) { case 'yyyy-MM-dd': result = `${year}-${month}-${day}`; break; case 'yyyy/MM/dd': result = `${year}/${month}/${day}`; break; case 'yyyy年MM月dd日': result = `${year}年${month}月${day}日`; break; case 'HH:mm:ss': result = `${hour}:${minute}:${second}`; break; default: result = `${year}-${month}-${day} ${hour}:${minute}:${second}`; } return result;}

3.vue中时间转换插件:moment.js

官网:Moment.js 中文网

(1)下载安装包

npm install moment --save

(2)在main.js中引入 

import moment from 'moment'

Vue.prototype.$moment = moment

(3)使用

this.$moment('需要转换的时间').format('YYYY-MM-DD')  

 

 



声明

本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。