浅谈javascript中关于日期和时间的基础知识


Posted in Javascript onJuly 13, 2016

前面的话

在介绍Date对象之前,首先要先了解关于日期和时间的一些知识。比如,闰年、UTC等等。深入了解这些,有助于更好地理解javascript中的Date对象。本文将介绍javascript关于日期和时间的基础知识

标准时间一般而言的标准时间是指GMT和UTC,以前是GMT,现在是UTC

GMT

格林尼治标准时间(GMT)是指位于伦敦郊区的皇家格林尼治天文台的标准时间,因为本初子午线被定义在通过那里的经线

理论上来说,格林尼治标准时间的正午是指当太阳横穿格林尼治子午线时(也就是在格林尼治上空最高点时)的时间。由于地球在它的椭圆轨道里的运动速度不均匀,这个时刻可能和实际的太阳时相差16分钟

地球每天的自转是有些不规则的,而且正在缓慢减速。所以,格林尼治时间已经不再被作为标准时间使用。现在的标准时间——世界协调时间(UTC)提供

UTC

世界协调时间(UTC)又称世界统一时间,世界标准时间,国际协调时间,全称Coordinated Universal Time,是以原子时秒长为基础,在时刻上尽量接近于世界时的一种时间计量系统

这套时间系统被应用于许多互联网和万维网的标准中,中国大陆、中国香港、中国澳门、中国台湾、蒙古国、新加坡、马来西亚、菲律宾、西澳大利亚州的时间与UTC的时差均为+8,也就是UTC+8

在军事中,协调世界时区会使用“Z”来表示。又由于Z在无线电联络中使用“Zulu”作代称,协调世界时也会被称为"Zulu time"

日期时间字符串格式

ECMAScript定义了一个基于简化的ISO8601扩展格式的日期时间的字符串互换格式

日期时间完整格式为:  YYYY-MM-DDTHH:mm:ss.sssZ

[注意]前置0不能省略,否则在完整格式的情况下会报错

YYYY    公历中年的十进制数字,如果这个参数值在0-99之间,则向它加上1900
-      在字符串中直接以“-”(破折号)出现两次
MM     一年中的月份,从01(一月)到12(十二月)
DD     月份中的日期,从01到31
T      在字符串中直接以“T”出现,用来表明时间元素的开始
HH     用两个十进制数字表示的,自午夜0点以来的小时数
:      在字符串中直接以“:”(冒号)出现两次
mm     是用两个十进制数字表示的,自小时开始以来的分钟数
ss     是用两个十进制数字表示的,自分开始以来的秒数
.      在字符串中直接以“.”(点)出现
sss     是用三个十进制数字表示的,自秒开始以来的毫秒数
Z      是时区偏移量,由(“Z”(指UTC)或“+”或“-”)和后面跟着的时间表达式hh:mm组成

只表示日期的格式:  YYYY YYYY-MM YYYY-MM-DD

[注意]所有数字必须是10进制的。如果缺少MM或DD字段,用“01”作为它们的值。如果缺少mm或ss字段,用“00”作为它们的值,对于缺少的sss用“000”作为它的值。对于缺少的时区偏移量用“Z”

闰年

年分为闰年和平年,平年有365天,闰年有366天,闰年的2月比平年多一天

闰年的定义是(可被4整除)且((不可被100整除)或(可被400整除))的年份

口诀是:四年一闰,百年不闰,四百年再闰

function IsLeapYear(year){
  if(typeof year == 'number'){
    if((year % 4 === 0 && year % 100 !== 0) || year % 400 === 0){
      return 'leap year'
    }else{
      return 'common year'
    }
  }
  return 'please input number'
}
console.log(IsLeapYear(4));//'leap year'
console.log(IsLeapYear(400));//'leap year'
console.log(IsLeapYear(2000));//'leap year'
console.log(IsLeapYear(1900));//'common year'

月日

一年有12个月,其中4、6、9、11月每月有30天;如果是闰年,2月有29天,否则 ,2月有28天。1、3、5、7、8、10、12月每月有31天

在javascript中,月的计算从0开始,所以1-12月,分别用0-11来表示;而日的计算则从1开始,1就代表第1天,以此类推

if(month == 2){
  //如果是闰年
  if((year % 4 === 0 && year % 100 !== 0) || year % 400 === 0){
    days = 29;
  //如果是平年
  }else{
    days = 28;
  }
//如果是第4、6、9、11月
}else if(month == 4 || month == 6 ||month == 9 ||month == 11){
  days = 30;
}else{
  days = 31;
}

在javascript中,月份的简写经常在日期字符串中使用

一月    Jan January
二月    Feb February
三月    Mar March
四月    Apr April
五月    May May
六月    Jun June
七月    Jul July
八月    Aug August
九月    Sep September
十月    Oct October
十一月   Nov November
十二月   Dec December

星期

星期是从星期日开始,到星期六结束,分别用0-6来表示

在javascript中,各星期的简写经常在日期字符串中使用

星期日  sunday     Sun
星期一  monday     Mon
星期二  Tuesday    Tue
星期三  Wednesday   Wed
星期四  Thursday    Thu
星期五  Fridday    Fri
星期六  Saturday    Sar

时分秒

1天 = 24小时 = 24*60(1440)分 = 24*60*60(86400)秒 = 86,400,000毫秒
  1分= 60秒
  1小时 = 3600秒
  1天 = 86400秒

Date对象返回的是一个毫秒数,经常需要将其换算成时分秒的形式

date = 100000s
day(天) = Math.floor(100000/86400) = 1
hour(小时) = Math.floor((100000%86400)/3600) = 3
minute(分) = Math.floor((100000%3600)/60) = 46
second(秒) = Math.floor(100000%60)=40
console.log(100000 === 1*86400+ 3*3600+ 46*60+40);//true

以上这篇浅谈javascript中关于日期和时间的基础知识就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript脚本性能优化注意事项
Nov 18 Javascript
jquery.validate使用攻略 第三部
Jul 01 Javascript
HTML5 JS压缩图片并获取图片BASE64编码上传
Nov 16 Javascript
JS定时检测任务任务完成后执行下一步的解决办法
Dec 22 Javascript
Canvas放置反弹效果随机图形(实例)
Aug 17 Javascript
jQuery 开发之EasyUI 添加数据的实例
Sep 26 jQuery
Vue组件之自定义事件的功能图解
Feb 01 Javascript
理解 JavaScript EventEmitter
Mar 29 Javascript
在 Typescript 中使用可被复用的 Vue Mixin功能
Apr 17 Javascript
Vue创建头部组件示例代码详解
Oct 23 Javascript
详解Vue组件插槽的使用以及调用组件内的方法
Nov 13 Javascript
小程序scroll-view安卓机隐藏横向滚动条的实现详解
May 16 Javascript
jQuery EasyUI菜单与按钮详解
Jul 13 #Javascript
JQuery对ASP.NET MVC数据进行更新删除
Jul 13 #Javascript
Javascript表单特效之十大常用原理性样例代码大总结
Jul 12 #Javascript
Bootstrap登陆注册页面开发教程
Jul 12 #Javascript
深入浅析knockout源码分析之订阅
Jul 12 #Javascript
Bootstrap组件系列之福利篇几款好用的组件(推荐二)
Jul 12 #Javascript
JavaScript导航脚本判断当前导航
Jul 12 #Javascript
You might like
ThinkPHP3.2.3框架Memcache缓存使用方法实例总结
2019/04/15 PHP
Ruffy javascript 学习笔记
2009/11/30 Javascript
用JS提交参数创建form表单在FireFox中遇到的问题
2013/01/16 Javascript
jQuery实现Tab选项卡切换效果简单演示
2015/11/23 Javascript
创建自己的jquery表格插件
2015/11/25 Javascript
Bootstrap CSS布局之表单
2016/12/17 Javascript
JS实现经典的中国地区三级联动下拉菜单功能实例【测试可用】
2017/06/06 Javascript
用React-Native+Mobx做一个迷你水果商城APP(附源码)
2017/12/25 Javascript
微信小程序实现YDUI的ScrollNav组件
2018/02/02 Javascript
微信小程序实现带缩略图轮播效果
2018/11/04 Javascript
详解JavaScript作用域和作用域链
2019/03/19 Javascript
vue 中Virtual Dom被创建的方法
2019/04/15 Javascript
在vant 中使用cell组件 定义图标该图片和位置操作
2020/11/02 Javascript
[08:54]《一刀刀一天》之DOTA全时刻18:十九支奔赴西雅图队伍全部出炉
2014/06/04 DOTA
使用Python的Scrapy框架编写web爬虫的简单示例
2015/04/17 Python
利用python程序帮大家清理windows垃圾
2017/01/15 Python
Python 字符串大小写转换的简单实例
2017/01/21 Python
Python更新数据库脚本两种方法及对比介绍
2017/07/27 Python
pandas 两列时间相减换算为秒的方法
2018/04/20 Python
对python中list的拷贝与numpy的array的拷贝详解
2019/01/29 Python
对Python3使运行暂停的方法详解
2019/02/18 Python
Python函数的迭代器与生成器的示例代码
2020/06/18 Python
详解canvas在圆弧周围绘制文本的两种写法
2018/05/22 HTML / CSS
eBay瑞士购物网站:eBay.ch
2018/12/24 全球购物
西部世纪面试题
2014/12/05 面试题
测试工程师岗位职责
2013/11/28 职场文书
毕业论文评语大全
2014/04/29 职场文书
公司总经理任命书
2014/06/05 职场文书
2014国庆黄金周超市促销活动方案
2014/09/21 职场文书
小学生运动会通讯稿
2014/09/23 职场文书
2015年八一建军节演讲稿
2015/03/19 职场文书
公司年会开场白
2015/06/01 职场文书
2016年先进教师个人事迹材料
2016/02/26 职场文书
女人创业励志语录,句句蕴含能量,激发你的潜能
2019/08/20 职场文书
解决thinkphp6(tp6)在状态码500下不报错,或者显示错误“Malformed UTF-8 characters”的问题
2021/04/01 PHP
Python深度学习之Pytorch初步使用
2021/05/20 Python