JS-时区选择-获取当前时区

最新推荐文章于 2024-06-25 16:05:15 发布

半笙彷徨

最新推荐文章于 2024-06-25 16:05:15 发布

阅读量1.8w

点赞数 3

分类专栏： JS 文章标签： JS 时区选择获取当前时区

本文链接：https://blog.csdn.net/wang704987562/article/details/85341967

版权

JS 专栏收录该内容

27 篇文章 2 订阅

订阅专栏

一个时区选择插件的使用，以及获取当前时区的例子。

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
		<script src="timezones.full.js"></script>
		<script src="moment-timezone-with-data-2012-2022.min.js"></script>
		<style>
			div {
				width: 500px;
				margin: 0 auto;
				margin-top: 400px;
			}
		</style>
	</head>

	<body>
		<div>
			<select></select>
			<br /><br />
			<button>获取值</button>
			<br /><br />
			<span></span>
		</div>
	</body>
	<script>
		//初始化
		$('select').timezones();
//		$('select').val('Asia/Shanghai');
		//选中当前时区,有些浏览器不支持
		$('select').val(Intl.DateTimeFormat().resolvedOptions().timeZone);
		//使用moment-timezone获取当前时区
//		$('select').val(moment.tz.guess());
		$("button").click(function() {
			$("span").html($("select").val());
		});
		
//		console.log(Intl.DateTimeFormat().resolvedOptions().timeZone)
		//推测当前时区
		console.log(moment.tz.guess());
		
		//方法可返回格林威治时间和本地时间之间的时差，以分钟为单位。
		var d = new Date();
		var n = d.getTimezoneOffset();
	</script>

</html>

效果：
在这里插入图片描述
Intl是Internationalization API，但是有些浏览器不支持。

Intl.DateTimeFormat().resolvedOptions().timeZone

Intl浏览器支持情况：
在这里插入图片描述
参考

https://caniuse.com/#search=DateTimeFormat
https://github.com/firstandthird/timezones
http://momentjs.com/timezone/

半笙彷徨

关注

3
点赞
踩
4

收藏

觉得还不错? 一键收藏
1
评论
JS-时区选择-获取当前时区

一个时区选择插件的使用，以及获取当前时区的例子。&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;script src="https://cdn.bootcss.com/jquery/3.3.
复制链接

扫一扫

专栏目录