使用Moment Timezone将时间转换为目标时区的时间

1.moment-timezone

 moment是一个强大JavaScript 日期处理类库，但为了根据时区计算对应的时间时，一般会采用手动设置时间偏移量的方法，使用起来十分繁琐。于是就有了moment-timezone，JavaScript 时区处理类库。moment-timezone可以视为在moment的基础上多封装了一个时区转换方法的js库，所以moment的使用方法在moment-timezone中也基本都可以实现。

2.moment-timezone安装

npm install moment-timezone --save    # npm
yarn add moment-timezone              # Yarn
yarn add @types/moment-timezone       # TypeScript

官方地址: http://momentjs.cn/timezone/
github地址: https://github.com/moment/moment-timezone

3.moment-timezone使用

import moment_tz from 'moment-timezone';

const dateWithZone1 = moment_tz(new Date('2021-03-30T11:03:20Z')).tz( 'Asia/Shanghai');
const dateWithZone2 = moment_tz(new Date('2021-03-30T11:03:20Z')).tz( 'Asia/Tokyo');
const ShanghaiTimezoneDate= dateWithZone1.format('YYYY-MM-DD kk:mm:ss');
// 此处kk代表24小时制度的时间，hh是12小时制
const TokyoTimezoneDate= dateWithZone2.format('YYYY-MM-DD kk:mm:ss');

// ShanghaiTimezoneDate:2021-03-30 19:03:20
// TokyoTimezoneDate:2021-03-30 20:03:20

下面两种写法的作用相同

const timeA = moment_tz.tz("2013-11-18 11:55", "Asia/Shanghai");
const timeB = moment_tz("2013-11-18 11:55").tz("Asia/Shanghai");