`

JavaScript的Date时间数据类型整理

阅读更多

本文主要整理了js的Date(日期)类型数据得一些用法,也算是对自己学习的一个总结。

  1. Date():返回当前时间的字符串(基于本地时区),不管传入什么参数,返回的只是一个单纯的字符串而已,并没有getDay()、getMonth()等方法
    Date();
    Date(666);
    Date('ppp');
    //Sun May 08 2016 14:35:59 GMT+0800 (中国标准时间)
     
  2. new Date():根据参数来返回对应的值,无参数的时候,返回当前时间的字符串形式(一个日期对象),有getDay()等方法
    //1.不传参数:
    new Date();//返回当前时间(基于本地时区):Sun May 08 2016 15:18:03 GMT+0800
    //2.传入时间的毫秒数,可以使用Date.parse()和Date.UTC()来获得自定义时间的毫秒
    
    数
    new Date(Date.parse("12/13/2020"));//返回Sun Dec 13 2020 00:00:00 GMT+0800
    new Date(Date.UTC(2020,11,13);//返回GMT时间Sun Dec 13 2020 08:00:00 GMT+0800
    //3.直接传入日期:
    new Date(2016,0);//基于本地时区2016年1月1日零时
    new Date(2016,5,8,13,42,26);//基于本地时区2016年6月8号13时42分26秒
     
  3. 常用的一些方法:
  • Date.parse()和Date.UTC():返回传入的时间对应的毫秒数(从1970年1月1日零时算起)
    Date.parse("12/13/2020");//返回1607788800000
    Date.UTC(2020,11,13,0,0,0);//返回GMT时间(比本地多8小时)的毫秒数1607817600000
    两者参数规则的不同:
    Date.parse()方法接收一个表示日期的字符串参数,例如要表示2016年10月16号对应的毫秒数,可以 这样做:Date.parse("10/16/2016")或Date.parse("2016/10/16"),也可以写成Date.parse("2016-10-16"),但是只在chrome中才会返回数据,如果传入的字符串不能表示日期,那么它会返回NaN,看起来很简单是吧,但实际上此方法的行为因实现而异,而且通常  是因地区而异,用兴趣的童鞋可以查阅相关资料了解一下。
    Date.UTC()的参数分别是年份、基于0的月份(一月是0;二月是1,以此类推)、月中的哪一天(1到31)、小时数(0到23)、分钟、秒以及毫秒数。在这些参数中,只有前两个参数(年和月)是必须的。如果没有提供月中的天数,则假设天数为1;如果省略其他参数,则统统假设为0。
  • Date.now():和调用Date构造函数而不传参的情况十分类似,是ECMAScript5新增的方法,返回表示调用这个方法时的日期和时间的毫秒数,兼容IE9+、Firefox 3+、Opera 10.5和chrome。
  • 日期/时间组件方法
    setFullYear(年)/setUTCFullYear(年)
    ;//设置日期中的年数

    setMonth(月)/setUTCMonth(月);//设置日期中的月数
    setDate(日)/setUTCDate(日);//设置日期中的日数
    setHour(时)/setUTCHour(时);//设置日期中的小时数
    setMinutes(分)/setUTCMinutes(分);//设置日期中的分钟数
    setSeconds(秒)/setUTCSeconds(秒);//设置日期中的秒数
    setMilliseconds(毫秒)/setUTCMilliseconds(毫秒);//设置日期中的毫秒数
    setTime(毫秒);//以毫秒数设置日期,会改变整个日期
    var dd=new Date(2016,4,8,17,3,46,600);//2016年5月8号17时3分46秒600毫秒
    
    	dd.setDate(16);//将日期的天数变为16|Mon May 16 2016 17:03:46 GMT+0800
    
    	dd.setUTCDate(17);//再将UTC日期的天数变为17|Tue May 17 2016 17:03:46 GMT+0800
    
    	dd.setHours(18);//再将日期的小时数变为18|Tue May 17 2016 18:03:46 GMT+0800
    
    	dd.setUTCHours(25);//参数大小超过了24,所以加一天,小时数变为1,转换为GMT时间再加8小时|Wed May 18 2016 09:03:46 GMT+0800
    
var myDate=new Date();
myDate.getYear() || myDate.getUTCYear()      
//获取当前年份(2位或3位)

myDate.getFullYear() ||myDate.getUTCFullYear()   //获取完整的年份(4位,1970-????)
myDate.getMonth() || myDate.getUTCMonth()     //获取当前月份(0-11,0代表1月)
myDate.getDate() ||   myDate.getUTCDate()     //获取当前日(1-31)
myDate.getDay()  ||  myDate.getUTCDay()     //获取当前星期X(0-6,0代表星期天)
myDate.getTime() ||   myDate.getUTCTime()    //获取当前时间(从1970.1.1开始的毫秒数)
myDate.getHours() ||    myDate.getUTCHours()  //获取当前小时数(0-23)
myDate.getMinutes() ||  myDate.getUTCMinutes() //获取当前分钟数(0-59)
myDate.getSeconds()  ||  myDate.getUTCSeconds()  //获取当前秒数(0-59)
myDate.getMilliseconds()  || myDate.getUTCMilliseconds()  //获取当前毫秒数(0-999)
var dd=new Date();//Sun May 08 2016 19:36:03 GMT+0800
	var dd1=dd.getFullYear();//2016
	var dd2=dd.getYear();//116
	var dd3=dd.getMonth();//4
	var dd4=dd.getUTCHours();//11
 
  • 继承的方法
    toLocaleString();//返回浏览器设置的时区的日期和时间(会包含AM或PM,但不包含时区)
    toString();//返回带有时区的日期和时间(时间一般为24小时格式)
    valueOf();//返回日期的毫秒数表示
    var dd=new Date();
    	var dd1=dd.toLocaleString();//2016/5/8 下午7:30:23
    	var dd2=dd.toString();//Sun May 08 2016 19:30:23 GMT+0800
    	var dd3=dd.valueOf();//1462707023915
     
  • 日期格式化方法
    toDateString();
    //以特定于实现的格式显示星期、月、日、年
    toTimeString();
    //以特定于实现的格式显示时分秒和时区
    toLocaleDateString();
    //以特定于地区的格式显示星期、月、日、年
    toLocaleTimeString();
    //以特定于地区的格式显示时分秒
    toUTCString();
    //以特定于实现的格式显示完整的UTC日期
    var dd=new Date();//Sun May 08 2016 19:14:36 GMT+0800
    	var dd1=dd.toDateString();//Sun May 08 2016
    	var dd2=dd.toTimeString();//19:14:36 GMT+0800 (中国标准时间)
    	var dd3=dd.toLocaleDateString();//2016/5/8
    	var dd4=dd.toLocaleTimeString();//下午7:14:36
    	var dd5=dd.toUTCString();//Sun, 08 May 2016 11:14:36 GMT
 
参考自JavaScript高级程序设计【第三版】
分享到:
评论

相关推荐

    JavaScript语言精粹经典实例(整理篇)

    数据类型 JavaScript 是 弱类型 语言,但并不是没有类型,JavaScript可以识别下面 7 种不同类型的值: 基本数据类型 1.Boolean 2.Number 3.String 4.null 5.undefined 6.Symbol Object 1.Array 2.RegExp 3.Date 4...

    JavaScript学习笔记整理之引用类型

    JavaScript中的引用类型是编程语言中的一种数据结构,它允许我们将数据和相关操作组合在一起,使得代码更加灵活且易于管理。JavaScript中的引用类型主要包括Object、Array、Date、RegExp等,它们都是基于引用而不是...

    JavaScript基础知识整理

    JavaScript是一种广泛应用于前端...总之,JavaScript作为一种强大的前端编程语言,它的基础包括变量、数据类型、对象等概念,这些构成了构建动态Web应用的基础。了解并掌握这些基础知识,对于进行前端开发至关重要。

    javascript学习整理资料

    JavaScript的基本语法包括变量声明、数据类型、流程控制等。IsNaN函数用于检查一个值是否为非数字,返回值为布尔型,如果值不是数字则返回true,是数字则返回false。 2. **HTML元标签**: `<meta>`标签用于提供...

    JavaScript中文简介 亲自整理

    JavaScript语法简单易学,变量声明使用var、let或const关键字,数据类型包括字符串、数字、布尔值、null、undefined、对象等。函数是第一类对象,可以作为参数传递,也可以作为返回值。函数表达式和函数声明是...

    JavaScript学习笔记,javascript基础知识,基础语法整理.pdf

    JavaScript提供了`Date`对象来处理日期和时间。`Date.now()`可以获取当前时间戳,`new Date()`创建一个表示当前日期和时间的新对象。`getDate()`、`getMonth()`、`getFullYear()`等方法用于获取日期的不同部分,`set...

    JavaScript+DOM编程艺术笔记整理

    JavaScript是一种弱类型语言,不需要在声明变量时指定其数据类型。常见的数据类型有:字符串(通过双引号或单引号包围)、数值(包括浮点数和负数)、布尔值(true和false)、数组以及关联数组。数组可以存储不同...

    前端Javascript相关面试基础问答整理md

    - 包括简单数据类型:`undefined`、`null`、`boolean`、`number`、`string`、`symbol`。 - 这些值直接存储在变量所在的栈内存中。 - 当将一个原始类型的值赋给另一个变量时,实际上是复制了该值。 **引用类型...

    javascript常用整理

    7. **JavaScript 数据类型**: JavaScript 支持的数据类型包括 `String`、`Number`、`Boolean`、`Null`、`Object` 和 `Function`。 8. **字符型到数值型转换**: 可以使用 `parseInt()` 和 `parseFloat()` 函数将字符...

    JavaScript教程

    - 掌握JavaScript的基本数据类型,如字符串、数字、布尔值、null、undefined等。 - 学习表达式和运算符,包括算术、比较、逻辑和位运算符。 - 通过实际案例,例如跑马灯效果,应用这些基本概念。 3. **...

    自己整理的javascript有用实例

    3. `typeof`: 检查变量的数据类型,如`typeof variable === 'string'`检查变量是否为字符串。 4. `null`和`undefined`的判断:`variable === null`检查变量是否为null,`typeof variable === 'undefined'`检查变量...

    数据集整理-17个数据集.docx

    数据集整理是数据分析和挖掘的重要步骤,而这里提供的17个数据集涵盖了多个领域的实际应用场景,包括COVID-19疫情数据、英国在线零售业务、电商行业用户行为分析、电商婴儿用户以及亚马逊手机销售数据等。这些数据集...

    Javascript基础代码整理分享

    6. **日期与时间** (4-18.html): JS提供`Date`对象处理日期和时间,可以获取当前日期、创建特定日期、计算时间差等。`4-18.html`可能包含了日期的格式化、时间戳转换等相关操作。 通过学习这些文件,你可以逐步建立...

    常用javascript语句大全

    JavaScript支持以下基本数据类型: - `String`: 字符串 - `Number`: 数字 - `Boolean`: 布尔值 - `Null`: 空值 - `Object`: 对象 - `Function`: 函数 #### 8. 数据类型的转换方法 - `parseInt()`: 用于将字符串转换...

    Javascript常见面试题.pdf

    这将涵盖JavaScript中的作用域链、数据类型、运算符、错误处理等基础和高级概念。 首先,作用域链(Scope Chain)是JavaScript中的一个重要概念。在JavaScript中,每个函数都有自己的作用域。当函数被创建时,它的...

    在b/s开发中经常用到的javaScript技术整理

    在B/S架构开发中,JavaScript是一种非常重要的前端脚本语言,它被广泛应用于网页的交互设计、数据验证、页面特效等方面。本文将详细介绍在B/S开发中常用的JavaScript技术及其应用场景。 ### 一、验证类 #### 1. ...

    A samart way to learn javascript

    以上知识点涵盖了从基础的语法、数据类型、变量,到控制结构、函数的使用、事件处理,再到高级的DOM操作和对象属性管理,为初学者提供了一条有效的学习路径,以智能化的方法逐步掌握JavaScript编程。

    在bs开发中经常用到的javaScript技术整理.doc

    以下是从给定文档中整理出的BS开发中常用的JavaScript技术,这些技术被细分为验证类、功能类等多个类别,每一项都是开发者在构建动态网站时不可或缺的工具。 ### 验证类 #### 数字验证 - **整数验证**:通过正则...

Global site tag (gtag.js) - Google Analytics