如何使用moment.js获得TimeZone明智的本地时间

时间:2014-12-12 09:52:40

标签: javascript momentjs localtime

我正在使用两个js库来获取浏​​览器时区ID和浏览器本地时间

    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jstimezonedetect/1.0.4/jstz.min.js"></script>
    <script src="Scripts/moment-timezone.min.js" type="text/javascript"></script>


<script type="text/javascript">
        $(document).ready(function () {
            var tz = jstz.determine(); // Determines the time zone of the browser client
            alert(tz.name());

            alert(moment.tz(tz.name()).format());
        });
    </script>

以下代码返回完美时区id

       var tz = jstz.determine(); // Determines the time zone of the browser client
        alert(tz.name());

但此代码无效alert(moment.tz(tz.name()).format());没有给用户本地时间。

我在代码中遗漏了什么?我需要添加任何与其他文件相关的momentjs吗?

请指导我。我想使用moment.js获取用户当地时间。感谢

更新工作版

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="Scripts/jstz.min.js"></script>

    <script src="Scripts/moment.min.js" type="text/javascript"></script>
    <script src="Scripts/moment-timezone-with-data-2010-2020.min.js" type="text/javascript"></script>
</head>
<body>
    <form method="post" action="WebForm1.aspx" id="form1">
    <div>
    <script type="text/javascript">
        $(document).ready(function () {
            var tz = jstz.determine(); // Determines the time zone of the browser client
            alert(tz.name());

            var format = 'YYYY/MM/DD HH:mm:ss ZZ';
            alert(moment.tz('Europe/London').format(format));
            alert(moment.tz(tz.name()).format(format));
        });
    </script>
    </div>
    </form>
</body>
</html>

1 个答案:

答案 0 :(得分:2)

我对此案例的解决方案(这是页面代码的一部分):

function toLocalTime(time) {
	if (time <= 0)
		return '';
		
	var m = moment.tz(time, 'America/Chicago'); //CDT
	
	var tz = jstz.determine(); // Determines the time zone of the browser client
	
	m.tz(tz.name()); // Convert CDT to local time
	
	return m.format('HH:mm:ss');
}
<script src="js/jstz.min.js"></script>
<script src="js/moment.js"></script>
<script src="js/moment-timezone-with-data-2010-2020.js"></script>

...........

<script th:inline="javascript">document.write(toLocalTime(<<TIME IN MILLISECONDS HERE>>));</script>