如何将 Moment.js 日期转换为用户本地时区？

Question

我使用 Moment.js 和 Moment-Timezone 框架，并且有一个 Moment.js 日期对象，它明确地在 UTC 时区中。如何将其转换为浏览器的当前时区？

var testDateUtc = moment.tz("2015-01-30 10:00:00", "UTC"); var localDate = ???

所以如果我能找出用户的本地时区就好了；或者，我想将日期对象转换为另一个只使用“本地时区”的数据对象，不管它实际上是什么。

Answer 1

您不需要为此使用时刻时区。主要的 moment.js 库具有使用 UTC 和本地时区的完整功能。

var testDateUtc = moment.utc("2015-01-30 10:00:00");
var localDate = moment(testDateUtc).local();

从那里您可以使用您可能期望的任何功能：

var s = localDate.format("YYYY-MM-DD HH:mm:ss");
var d = localDate.toDate();
// etc...

请注意，通过将testDateUtc（一个moment 对象）传递回moment() 构造函数，它会创建一个克隆。否则，当您调用.local() 时，它也会更改testDateUtc 值，而不仅仅是localDate 值。时刻是可变的。

另请注意，如果您的原始输入包含时区偏移量，例如+00:00 或Z，那么您可以直接使用moment 对其进行解析。您不需要使用.utc 或.local。例如：

var localDate = moment("2015-01-30T10:00:00Z");

Answer 2

使用 utcOffset 函数。

var testDateUtc = moment.utc("2015-01-30 10:00:00");
var localDate = moment(testDateUtc).utcOffset(10 * 60); //set timezone offset in minutes
console.log(localDate.format()); //2015-01-30T20:00:00+10:00

Answer 3

var dateFormat = 'YYYY-DD-MM HH:mm:ss';
var testDateUtc = moment.utc('2015-01-30 10:00:00');
var localDate = testDateUtc.local();
console.log(localDate.format(dateFormat)); // 2015-30-01 02:00:00

1. 定义您的日期格式。
2. 创建一个时刻对象并将对象上的 UTC 标志设置为 true。
3. 创建从原始矩转换而来的本地化矩对象 目的。
4. 从本地化的时刻对象返回一个格式化的字符串。

见：http://momentjs.com/docs/#/manipulating/local/

Answer 4

这就是我所做的：

var timestamp = moment.unix({{ time }});
var utcOffset = moment().utcOffset();
var local_time = timestamp.add(utcOffset, "minutes");
var dateString = local_time.fromNow();

{{ time }} 是 UTC 时间戳。

Answer 5

class Time extends React.Component {
  constructor(props) {
    super(props)
    this.state = {
      parentTime: '',
      localTime: '',
      parentTz: ''
    }
  }

  componentDidMount() {
    const inputTz = "America/Toronto"
    const originTime = "2013-11-18 11:55"
    const time = moment.tz(originTime, inputTz)
    const localtz = moment.tz.guess()
    const date = time.clone().tz(localtz)
    const formatDate = moment(date).format('MMMM Do YYYY, h:mm:ss A z')
     console.log(formatDate, localtz)
    this.setState({parentTime: originTime, localTime: formatDate, parentTz: inputTz })
  }


  render() {
  const {parentTime, parentTz, localTime} = this.state
    return (
      <div>
      <p>{parentTime}<br/> in {parentTz}<br/> to {localTime}</p>
      </div>
    )
  }
}


ReactDOM.render(
  <Time />,
  document.getElementById('time')
);

<script src="https://momentjs.com/downloads/moment.js"></script>
<script src="https://momentjs.com/downloads/moment-timezone.js"></script>
<script src="https://momentjs.com/downloads/moment-timezone-with-data-1970-2030.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/15.3.0/react-dom.min.js"></script>
<div id="time"></div>

获取用户时区的最佳方法是使用 moment-timezone

import moment from 'moment-timezone'

// using utc time here
const time = moment.tz("2021-04-14T02:08:10.370Z")
const localtz = moment.tz.guess()
const date = time.clone().tz(localtz)
const formatDate = moment(date).format('MMMM Do YYYY, h:mm:ss A z')
console.log(formatDate)

这样您就可以将您的时间转换为当地时区的特定时间