首先
在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'