1,引入moment
import moment from "moment";
components: { moment, },
2,使用moment
let startDate = moment('2018-09-27').format(YYYY-MM-DD);
3,moment使用详解:
格式化日期:
- 获取当前时间:
moment().format('YYYY-MM-DD HH:mm:ss'); //2014-09-24 23:36:09
- 今天是星期几:
moment().format('d'); //3
相对时间:
-
20201125相对20221125是2年前:
moment("20201125", "YYYYMMDD").fromNow(); //2 years ago
-
7天前的日期:
moment().subtract('days',7).format('YYYY年MM月DD日'); //2022年11月18日
-
7天后的日期:
moment().add('days',7).format('YYYY年MM月DD日'); //2022年12月02日
-
9小时前的时间:
moment().subtract('hours',9).format('HH:mm:ss');
-
9小时后的时间:
moment().add('hours',9).format('HH:mm:ss');
4,moment.js常用的格式说明
moment.js提供了丰富的说明文档,使用它还可以创建日历项目等复杂的日期时间应用。我们日常开发中最常用的是格式化时间,下面是常用的格式说明:
5,Moment.js 写法示例
- 创建
moment() // 当前时间
moment("1995-12-25") // 1995-12-25
moment("12-25-1995", "MM-DD-YYYY") // 1995-12-25
moment({ year :2010, month :3, day :5, hour :15, minute :10, second :3, millisecond :123})
moment(Date.now() - 24 * 60 * 60 * 1000) // 昨天
moment(new Date(2011, 9, 16)) // 2011-10-16
- 格式化
moment().format('YYYY年MM月DD日 HH:mm:ss') // 2016年11月11日 22:05:19
moment().format('hh:m:ss') // 10:5:19
moment().format('[YYYY]') // "YYYY"。[] 里的会原样输出。
- 获取/设置时间信息
moment().second() //获得 秒
moment().second(Number) //设置 秒。0 到 59
moment().minute() //获得 分
moment().minute(Number) //设置 分。0 到 59
// 类似的用法
moment().hour() // 小时
moment().date() // 一个月里的第几天
moment().day() // 星期几
moment().dayOfYear() // 一年里的第几天
moment().week() // 一年里的第几周
moment().month() // 第几个月
moment().quarter() // 一年里的第几个季度
moment().year() // 年
moment().daysInMonth() // 当前月有多少天
- 时间运算
moment().add(7, 'days') // 现在之后的第7天。第2个参数还可以是 'months', 'years' 等。注意是复数。
moment().add(7, 'd')// 与上面一行代码的运行结果一样。
moment().subtract(1, 'months') // 上个月
moment().startOf('week') // 这周的第一天;还支持 'year','month' 等
moment().startOf('hour') // 等效与 moment().minutes(0).seconds(0).milliseconds(0)。
moment().endOf('week')// 这周的最后一天
- 查询
// 早于
moment('2010-10-20').isBefore('2010-10-21') // true
moment('2010-10-20').isBefore('2010-12-31', 'year') // false--取年
moment('2010-10-20').isBefore('2011-01-01', 'year') // true--取年
// 是否相等
moment('2010-10-20').isSame('2010-10-20') // true
moment('2010-10-20').isSame('2009-12-31', 'year') // false
moment('2010-10-20').isSame('2010-01-01', 'year') // true
// 晚于
moment('2010-10-20').isAfter('2010-10-19') // true
moment('2010-10-20').isAfter('2010-01-01', 'year') // false
moment('2010-10-20').isAfter('2009-12-31', 'year') // true
// 是否在时间范围内
moment('2010-10-20').isBetween('2010-10-19', '2010-10-25') // true
moment('2010-10-20').isBetween('2010-01-01', '2012-01-01', 'year') // false
moment('2010-10-20').isBetween('2009-12-31', '2012-01-01', 'year') // true
moment().isLeapYear() // 是否是闰年