前端开发中,有很多好用的格式化插件,最常用的就是moment.js这个插件,下面代码中将提供一些常见的用法:
代码语言:javascript复制<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>moment格式化时间使用方法</title>
<!-- 脚本 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.js"></script>
<!-- 语言包 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/locale/zh-cn.js"></script>
</head>
<body>
<script>
// 创建moment对象
console.log('moment对象', new moment());
console.log('当前日期', new moment().format('YYYY-MM-DD HH:mm:ss'));
// startOf(设置为起始时间)
console.log('年初', new moment().startOf('year').format('YYYY-MM-DD HH:mm:ss'));
console.log('月初', new moment().startOf('month').format('YYYY-MM-DD HH:mm:ss'));
console.log('日初', new moment().startOf('day').format('YYYY-MM-DD HH:mm:ss'));
// add(加时间)
console.log('后一年', new moment().add(1, 'years').format('YYYY-MM-DD HH:mm:ss'));
console.log('后一天', new moment().add(1, 'days').format('YYYY-MM-DD HH:mm:ss'));
console.log('后一小时', new moment().add(1, 'hours').format('YYYY-MM-DD HH:mm:ss'));
// subtract(减时间)
console.log('前一年', new moment().subtract(1, 'years').format('YYYY-MM-DD HH:mm:ss'));
console.log('前一天', new moment().subtract(1, 'days').format('YYYY-MM-DD HH:mm:ss'));
console.log('前一小时', new moment().subtract(1, 'hours').format('YYYY-MM-DD HH:mm:ss'));
// weekday(语言包规定的工作日)
// 中文语言包规定周一是第一个工作日
console.log('上周日', new moment().weekday(-1).format('YYYY-MM-DD HH:mm:ss'));
console.log('下周日', new moment().weekday(7).format('YYYY-MM-DD HH:mm:ss'));
</script>
</body>
</html>
最终运行结果如下: