javascript:moment.js

最新推荐文章于 2024-04-17 16:58:08 发布

你好丶明天

最新推荐文章于 2024-04-17 16:58:08 发布

阅读量2.3k

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/qq592304796/article/details/53414507

版权

JavaScript 专栏收录该内容

17 篇文章 1 订阅

订阅专栏

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<script type="text/javascript" src="moment-with-locales.js"></script>
<!-- 		<script type="text/javascript" src="moment.js"></script> -->
		<script type="text/javascript" src="moment-timezone-with-data.js"></script>
		<script type="text/javascript">
			window.onload = function(){
				console.log(window.navigator.language);
				//"nl-NL"
				console.log(window.navigator.systemLanguage);
				//"zh-CN"(设置中的非unicode程序所使用语言选项)
				console.log(window.navigator.userLanguage)
				//"nl-NL"
				console.log(window.navigator.browserLanguage);
				//"ja-JP"（系统菜单界面语言）
				console.log(window.navigator.languages);
				//undefined
				
				/**
					多语言
				*/
				console.log(moment.locale(window.navigator.language));
				
				/**
					日期格式化
				*/
				console.group("日期格式化");
				console.log(moment().format('MMMM Do YYYY, h:mm:ss a')); // 十一月 30日 2016, 5:01:46 下午
				console.log(moment().format('dddd'));                    // 星期三
				console.log(moment().format("MMM Do YY"));               // 11月 30日 16
				console.log(moment().format('YYYY [escaped] YYYY'));     // 2016 escaped 2016
				console.log(moment().format());                          // 2016-11-30T17:01:46+08:00
				console.groupEnd("日期格式化");
				
				/**
					相对时间
				*/
				console.group("相对时间");
				console.log(moment("20111031", "YYYYMMDD").fromNow()); // 5 年前
				console.log(moment("20120620", "YYYYMMDD").fromNow()); // 4 年前
				console.log(moment().startOf('day').fromNow());        // 17 小时前
				console.log(moment().endOf('day').fromNow());          // 7 小时内
				console.log(moment().startOf('hour').fromNow());       // 7 分钟前
				console.groupEnd("相对时间");
				
				/**
					日历时间
				*/
				console.group("日历时间");
				console.log(moment().subtract(10, 'days').calendar()); // 2016年11月20日
				console.log(moment().subtract(6, 'days').calendar());  // 上周四下午5点23
				console.log(moment().subtract(3, 'days').calendar());  // 上周日下午5点23
				console.log(moment().subtract(1, 'days').calendar());  // 昨天下午5点23分
				console.log(moment().calendar());                      // 今天下午5点23分
				console.log(moment().add(1, 'days').calendar());       // 明天下午5点23分
				console.log(moment().add(3, 'days').calendar());       // 本周六下午5点23
				console.log(moment().add(10, 'days').calendar());      // 2016年12月10日
				console.groupEnd("日历时间");
				
				/**
					多语言支持
				*/
				console.group("多语言支持");
				console.log(moment().format('L'));    // 2016-11-30
				console.log(moment().format('l'));    // 2016-11-30
				console.log(moment().format('LL'));   // 2016年11月30日
				console.log(moment().format('ll'));   // 2016年11月30日
				console.log(moment().format('LLL'));  // 2016年11月30日下午5点25分
				console.log(moment().format('lll'));  // 2016年11月30日下午5点25分
				console.log(moment().format('LLLL')); // 2016年11月30日星期三下午5点25分
				console.log(moment().format('llll')); // 2016年11月30日星期三下午5点25分
				console.groupEnd("多语言支持");
				
				//console.warn((new Error()).stack);
				
				//初始化日期
				const a = moment("93-11-06", "YY-MM-DD");
				//克隆
				let b = a.clone().add("1", "week");
				
				console.log(b);
				console.log(b.format("YYYY-MMM-DD"));
				
				var now = new Date()
				//毫秒
				console.log(moment(now.getTime()));
				//秒
				console.log(moment.unix(now.getTime()/1000));
				
				var nowMoment = moment();
				
				console.log(nowMoment.seconds());
				//返回Moment
				console.log(nowMoment.seconds("10"));
				console.log(nowMoment.seconds());
				
				//Manipulate
				console.log(nowMoment.set("year", "1993"));
				console.log(nowMoment.format());
				
				console.log(nowMoment.set({"year": 2016, "month": 11}));
				console.log(nowMoment.format());
				
				//Add&Subtract
				nowMoment.add(7, "days");
				console.log(nowMoment.format());
				
				nowMoment.subtract(7, "days");
				console.log(nowMoment.format());
				
				/**
					Comparison
					moment().isBefore(Moment|String|Number|Date|Array);
					moment().isBefore(Moment|String|Number|Date|Array, String);
				*/
				console.log("2017-01-01 isBefore",nowMoment.isBefore("2017-01-01"));
				console.log("2017-01-01 isBefore",nowMoment.isBefore("2017-01-01", "days"));
				
				/**
					Diff
					moment().diff(Moment|String|Number|Date|Array);
					moment().diff(Moment|String|Number|Date|Array, String);
					moment().diff(Moment|String|Number|Date|Array, String, Boolean);
				*/
				console.group("Diff");
				console.log(nowMoment.diff("2017-01-01", "days"));
				console.log(nowMoment.diff("2017-01-01", "days", true));
				console.log(nowMoment.diff("2017-01-01", "days", false));
				console.groupEnd("Diff");
				
				/**
					Duration
				*/
				console.group("%cDuration", "color:#855421;font-size:18px;");
				console.log(moment.duration(1, "minutes").humanize()); // a minute
				console.log(moment.duration(2, "minutes").humanize()); // 2 minutes
				console.log(moment.duration(24, "hours").humanize());  // a day
				console.groupEnd("Duration");
				
				/**
					Format Dates in Any Timezone
				*/
				console.group("Format Dates in Any Timezone");
				var jun = moment("2014-06-01T12:00:00Z");
				var dec = moment("2014-12-01T12:00:00Z");
				
				console.log(jun.tz('America/Los_Angeles').format('ha z'));  // 5am PDT
				console.log(dec.tz('America/Los_Angeles').format('ha z'));  // 4am PST
				
				console.log(jun.tz('America/New_York').format('ha z'));     // 8am EDT
				console.log(dec.tz('America/New_York').format('ha z'));     // 7am EST
				
				console.log(jun.tz('Asia/Tokyo').format('ha z'));           // 9pm JST
				console.log(dec.tz('Asia/Tokyo').format('ha z'));           // 9pm JST
				
				console.log(jun.tz('Australia/Sydney').format('ha z'));     // 10pm EST
				console.log(dec.tz('Australia/Sydney').format('ha z'));     // 11pm EST
				console.groupEnd("Format Dates in Any Timezone");
				
				/**
					Convert Dates Between Timezones
				*/
				console.group("Convert Dates Between Timezones");	
				var newYork    = moment.tz("2014-06-01 12:00", "America/New_York");
				var losAngeles = newYork.clone().tz("America/Los_Angeles");
				var london     = newYork.clone().tz("Europe/London");
				
				console.log(newYork.format());    // 2014-06-01T12:00:00-04:00
				console.log(losAngeles.format()); // 2014-06-01T09:00:00-07:00
				console.log(london.format());     // 2014-06-01T17:00:00+01:00
				console.groupEnd("Convert Dates Between Timezones");		
			}
		</script>
	</head>
	<body>
		<div id="div">
			div
			<a id="a">a</a>
		</div>
	</body>
</html>

官网地址>>> Moment.js Moment Timezone

我有另外一篇文章。我自己对Date封装了一套string2Date的相互转化点击打开链接

PS:个人理解，为了更方便的操作Date，引入一个工具包实则是没有必要的，而且太过依赖，

不过TimeZone对时区的处理很到位，考虑到了冬令时和夏令时（相差一个小时）

其实利用ES提供的API，自己封装一些方法，也能够很方便的简单操作Date.而且便于以后的扩展

如果是像是jQuery一样的，能够稳定的提供更新，倒还是不错的选择。如果一款插件不能实时更新，迟早会被淘汰，到时候你就不得不更换这些过时的插件

你好丶明天

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript:moment.js

--> window.onload = function(){ console.log(window.navigator.language); //"nl-NL" console.log(window.navigator.systemLanguage); //"zh-CN"(设置中的非unicode程序所使用语言选项) console.lo
复制链接

扫一扫