0
点赞
收藏
分享

微信扫一扫

vue 获取当前时间格式方法的封装和使用,日期格式化的封装与使用

Just_Esme 2022-02-11 阅读 233
vue.js前端

首先

在src下新建的utils文件夹中新建一个index.js文件,用于存放封装的方法。
然后将获取当前时间格式和日期格式化的方法写入:

/**
 * @Description: 获取当前时间格式
 */
function getNowFormatDate() {
  let nowDate = {};
  let dateTime = new Date();
  let week;
  // switch判断
  switch (dateTime.getDay()) {
    case 1:
      week = '星期一';
      break;
    case 2:
      week = '星期二';
      break;
    case 3:
      week = '星期三';
      break;
    case 4:
      week = '星期四';
      break;
    case 5:
      week = '星期五';
      break;
    case 6:
      week = '星期六';
      break;
    default:
      week = '星期天';
      break;
  }
  // 年
  let year = dateFormat(dateTime.getFullYear());
  // 月
  let month = dateFormat(dateTime.getMonth() + 1);
  // 日
  let day = dateFormat(dateTime.getDate());
  // 时
  let hours = dateFormat(dateTime.getHours());
  // 分
  let minutes = dateFormat(dateTime.getMinutes());
  // 秒
  let seconds = dateFormat(dateTime.getSeconds());
  // 拼接年月日时分秒
  nowDate.currentdate = `${year}${month}${day}${week} ${hours}${minutes}${seconds}`;
  nowDate.date = year + '年' + month + '月' + day + '日 ';
  nowDate.week = week;
  nowDate.time = hours + ':' + minutes + ':' + seconds;
  return nowDate
}

**
 * @Description: 日期格式化
 */
function dateFormat(date) {
  return date < 10 ? `0${date}` : date
}

//将封装好的方法导出
export{
	getNowFormatDate,
	dateFormat
}

最后

封装好方法之后,在页面中引入,方法中调用即可。

import { getNowFormatDate,dateFormat } from '@/utils'
举报

相关推荐

0 条评论