首页 > 网络编程 > JavaScript > javascript技巧 > 前端时间转换及获取当前时间

前端常见的时间转换方法以及获取当前时间方法小结

2024-01-22 15:17:50 作者：起名时在学Aiifox

在做开发时会对不同的时间格式进行转换,下面这篇文章主要给大家介绍了关于前端常见的时间转换方法以及获取当前时间方法的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下

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')

总结

到此这篇关于前端常见的时间转换方法以及获取当前时间方法的文章就介绍到这了,更多相关前端时间转换及获取当前时间内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！