前端常见的时间转换方法,获取当前时间方法
起名时在学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')
上一篇: 前端怎么用 EventSource? EventSource怎么配置请求头及加参数? EventSourcePolyfill使用方法
下一篇: WebUSB API 是一个用于在Web应用程序中访问USB设备的API
本文标签
声明
本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。