一灰灰Blog

180916-ReactJs之日期转换

常见的日期与时间戳之间的相互转换，记录下借助插件momoent来实现

1. 使用姿势

使用前，有那么几步需要走

安装依赖

1	sudo npm install --save moment

引入依赖

1	import moment from 'moment';

开始使用

1 2	// 将时间戳(ms)，转换为指定格式的日期 moment(Time).format("YYYY-MM-DD HH:mm:ss")

2. 常用说明

a. 日期格式化

moment().format('MMMM Do YYYY, h:mm:ss a'); // 九月 16日 2018, 8:54:12 晚上
moment().format('dddd');                    // 星期日
moment().format("MMM Do YY");               // 9月 16日 18
moment().format('YYYY [escaped] YYYY');     // 2018 escaped 2018
moment().format();                          // 2018-09-16T20:54:12+08:00

b. 相对时间

moment("20111031", "YYYYMMDD").fromNow(); // 7 年前
moment("20120620", "YYYYMMDD").fromNow(); // 6 年前
moment().startOf('day').fromNow();        // 21 小时前
moment().endOf('day').fromNow();          // 3 小时内
moment().startOf('hour').fromNow();       // 1 小时前

c. 日历时间

moment().subtract(10, 'days').calendar(); // 2018年9月6日
moment().subtract(6, 'days').calendar();  // 本周一晚上8点55
moment().subtract(3, 'days').calendar();  // 本周四晚上8点55
moment().subtract(1, 'days').calendar();  // 昨天晚上8点55分
moment().calendar();                      // 今天晚上8点55分
moment().add(1, 'days').calendar();       // 明天晚上8点55分
moment().add(3, 'days').calendar();       // 下周三晚上8点55
moment().add(10, 'days').calendar();      // 2018年9月26日

d. 多语言

moment().format('L');    // 2018-09-16
moment().format('l');    // 2018-09-16
moment().format('LL');   // 2018年9月16日
moment().format('ll');   // 2018年9月16日
moment().format('LLL');  // 2018年9月16日晚上8点55分
moment().format('lll');  // 2018年9月16日晚上8点55分
moment().format('LLLL'); // 2018年9月16日星期日晚上8点55分
moment().format('llll'); // 2018年9月16日星期日晚上8点55分