Moment.js的基本使用

一、Moment.js的简介

Moment.js是一个轻量级的JavaScript时间库,以前我们转化时间,都会进行很复杂的操作,而Moment.js的出现,简化了我们开发中对时间的处理,提高了开发效率。日常开发中,通常会对时间进行下面这几个操作:比如获取时间,设置时间,格式化时间,比较时间等等。

二、在node.js里面操作步骤

1.安装moment
npm install moment
2.导入模块

//require导入
var moment = require('moment');
//import导入
import moment from 'moment';

以上两种导入方式都是正确的

三、浏览器的导入方式

<script src="moment.js"></script>
<script>
	//格式化设置
    moment().format();
</script>

四、使用

1.获取时间

1.获取当前时间
moment()
2.获取当前年份
moment().year()
moment().get('year')
3.获取当前月份
moment().month() // (0~11)
moment().get('month') //此处月份从0开始,当前月要+1
4.获取当前日期
moment().date();
moment().get('date')
5.获取小时
moment().hours()
moment().get('hours')
6.获取分钟
moment().minutes()
moment().get('minutes')
7.获取秒数
moment().seconds()
moment().get('seconds')

2.设置时间

1.设置当前年份

moment().year()
moment().get('year')

2.设置当前月份

moment().month()  // (0~11)
moment().get('month')
//此处月份从0开始,当前月要+1

3.设置当前日期

moment().date(15)
moment().set('date', 15)

4.设置小时

moment().year(2019)
moment().set('year', 2019)

5.设置分钟

moment().minutes(30)
moment().set('minutes', 30)

6.设置秒

moment().seconds(30)
moment().set('seconds', 30)
3.设置获取的时间格式

1.取当天时间,以YYYY年MM月DD日形式显示

//2017-12-14
var now=moment().format("YYYY年MM月DD日");

2.任意时间戳格式化,以YYYY-MM-DD HH:mm:ss形式显示

//2017-12-14T16:34:10
 var t1=moment(1411641720000).format('YYYY-MM-DD HH:mm:ss');

3.获取明天日期,格式以YYYY-MM-DD形式显示

var t2=moment().day(1).format('YYYY-MM-DD');

4.动态获取时间,格式以YYYY-MM-DDTHH:mm

//2017-12-14T16:34
var t3 = moment(value).format('YYYY-MM-DDTHH:mm')

Moment.js在vue中配合过滤器来使用,对后台获取到的时间进行格式化,可以快速有效的拿到我们想要的时间格式。

  • 5
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Moment.js是一个JavaScript日期处理库,它可以帮助您轻松处理日期和时间。下面是使用Moment.js的一些示例: 1. 安装Moment.js 您可以在Moment.js官方网站上下载Moment.js,或者使用npm进行安装: ``` npm install moment ``` 2. 导入Moment.js 在您的JavaScript文件中导入Moment.js: ``` import moment from 'moment'; ``` 3. 创建日期 使用moment()函数创建一个当前日期的Moment对象: ``` const now = moment(); ``` 您还可以使用moment()函数传递一个日期字符串或JavaScript Date对象来创建Moment对象: ``` const dateStr = '2022-01-01'; const date = moment(dateStr); const jsDate = new Date(); const momentDate = moment(jsDate); ``` 4. 格式化日期 使用format()函数将Moment对象格式化为字符串: ``` const nowStr = now.format('YYYY-MM-DD HH:mm:ss'); ``` 您可以使用Moment.js提供的各种格式选项来自定义日期格式。 5. 操作日期 使用add()和subtract()函数在Moment对象上添加或减去一定的时间: ``` const tomorrow = now.clone().add(1, 'day'); const lastWeek = now.clone().subtract(1, 'week'); ``` 6. 比较日期 使用isBefore()、isSame()和isAfter()函数比较两个Moment对象: ``` const date1 = moment('2022-01-01'); const date2 = moment('2022-01-02'); const isBefore = date1.isBefore(date2); // true const isSame = date1.isSame(date2, 'day'); // false const isAfter = date1.isAfter(date2); // false ``` 这些是Moment.js的一些基本用法示例。Moment.js还提供了许多其他功能,如本地化、时区处理和持续时间计算。您可以查看Moment.js官方文档以获取更多信息。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值