首页 > web前端 > js教程 > 如何在 JavaScript 和 jQuery 中将 UTC 日期时间转换为本地日期时间?

如何在 JavaScript 和 jQuery 中将 UTC 日期时间转换为本地日期时间?

Mary-Kate Olsen
发布: 2024-12-14 12:36:11
原创
919 人浏览过

How to Convert UTC Date-Time to Local Date-Time in JavaScript and jQuery?

将 UTC 日期时间转换为本地日期时间

从服务器接收 UTC 格式的日期时间变量时,例如“6/29/2011 4: 52:48 PM”,出于显示目的,通常需要将其转换为用户本地时区。这可以使用 JavaScript 或 jQuery 来实现。

使用 JavaScript

要使用 JavaScript 将 UTC 时间的日期时间的字符串表示形式转换为用户的本地时区,请将“UTC”附加到字符串在将其转换为日期之前:

var date = new Date('6/29/2011 4:52:48 PM UTC');
登录后复制

这将创建一个 Date 对象,表示用户本地时区的日期和时间。 Date 对象的 toString() 方法可用于获取字符串格式的日期和时间以供显示:

date.toString() // "Wed Jun 29 2011 09:52:48 GMT-0700 (PDT)"
登录后复制

使用 jQuery

jQuery 提供了类似的方法来转换UTC 日期时间转换为本地日期时间。要使其工作,文档中必须包含 moment-timezone 库:

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.18/moment-timezone.min.js"></script>
登录后复制

加载 moment-timezone 库后,您可以使用以下 jQuery 代码将 UTC 日期时间字符串转换为用户的本地时间time zone:

var date = moment.utc('6/29/2011 4:52:48 PM').local().format('MM/DD/YYYY HH:mm:ss a');
登录后复制

这将创建一个日期对象,表示用户本地时区的日期和时间。 moment 对象的 format() 方法可用于获取字符串格式的日期和时间进行显示。

以上是如何在 JavaScript 和 jQuery 中将 UTC 日期时间转换为本地日期时间?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板