一、 Date对象

Math和Date对象的区别
Math对象和Date对象的区别
Math不是一个构造函数,里面提供的是静态成员
Date是一个构造函数 首先要通过new Date() 来创建日期实例 GMT 格林威治时间 世界时间
GMT+0800 (中国标准时间)
创建Date 实例用来处理日期和时间。 Date对象基于1970年1月1日起的秒数

1. 用法:

1. 空构造函数 获取当前时间对象
var d = new Date();
console.log(d);
2. 构造函数中传入毫秒值
var d = new Date();
console.log(d.valueOf()); 获取毫秒值
var d = new Date(1575364161879);
3. 可以传入日期形式的字符串
var d = new Date('1994-10-16');
console.log(d);
4. 传入数字
5. 获取时间毫秒秒方法
d.getTime();
var num = Date.now();
var num = + new.Date()

2. Date的常用方法

日期格式化方法
toString() 转换成字符串
valueOf() 获取毫秒值 格式化日期的方法 在不同浏览器可能表现不一致, 一般不用
toDateString()
toTimeString()
toLocaleDateString()
toLOcaleTimeString() 获取日期指定部分
getTime() 返回好小和vauleOf() 结果一样
getMilliseconds()
getSeconds() 返回0-59
getMinutes() 返回0~59
getHours() 返回0~23
getDay() 返回星期几 0是周日
getDate() 返回当月的第几天
getMonth() 返回月份 **从0开始
getFullYear() 返回4位的年份 var d = new Date();
console.log(d.getFullYear());
console.log(d.getMonth() + 1);
console.log(d.getDate());
console.log(d.getHours());
console.log(d.getMinutes());
console.log(d.getSeconds());

案例1 格式化日期对象

date instanceof Date 判断date是否是Date类型
console.err() 当发生错误时 可打印自定义日志 function formatDate(date) { if (!(date instanceof Date)) {
console.error('date 不是日期对象');
return;
}
var year = date.getFullYear(),
month = date.getMonth() + 1,
day = date.getDate(),
hour = date.getHours(),
minute = date.getMinutes(),
second = date.getSeconds(); month = month < 10 ? '0' + month : month;
day = day < 10 ? '0' + day : day;
hour = hour < 10 ? '0' + hour : hour;
minute = minute < 10 ? '0' + minute : minute;
second = second < 10 ? '0' + second : second; return year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second;
}
var d = new Date(2019, 1, 3);
var dateStr = formatDate(d)
console.log(dateStr);

案例2 计算时间差

function getInterval(start, end) {
var interval = end -start;
var day, hour, minute, second;
interval /= 1000;
day = Math.round(interval / 60 / 60 /24);
hour = Math.round(interval /60 /60 % 24);
minute = Math.round(interval / 60 % 60);
second = Math.round(interval % 60);
return {
day: day,
hour: hour,
minute: minute,
second: second,
} }
var d1 = new Date();
var d2 = new Date(2019,12,24);
obj = getInterval(d1, d2);
console.log(obj);

js入门之内置对象Date的更多相关文章

  1. js入门之内置对象Math

    一. 复习数据类型 简单数据类型, 基本数据类型/值类型 Number String Boolean Null Undefined 复杂数据类型 引用类型 Object 数组 数据在内存中是如何存储的 ...

  2. js入门之内置数组对象 Array

    一. 数组 1. 创建数组的两种方式 1. 数组字面量 var array = [] 2. 数组的构造函数创建数组 var array = new Array(); 2. 如何判断一个变量是否是数组 ...

  3. JS入门之ActiveXObject对象(转载)

    JS入门之ActiveXObject对象   此对象提供自动化对象的接口.   function ActiveXObject(ProgID : String [, location : String] ...

  4. js arguments 内置对象

    1.arguments是js的内置对象. 2.在不确定对象是可以用来重载函数. 3.用法如下: function goTo() { var i=arguments.length; alert(i); ...

  5. js单体内置对象

    js单体内置对象:js的内置对象,是ECMAScritp提供的.不依赖于宿主环境的对象,我的理解就是在我们开发之前js里面就已经存在的对象.单体内置对象就是是不需要通过new来实例化的,例如我们的st ...

  6. JS基础-内置对象【字符串+Date+Math】

    JS内置对象[字符串] // charAt() 返回字符 // charCodeAt() 返回字符的unicode编码 var str="hello world"; console ...

  7. js之内置对象

    内置对象(Global和Math):JS程序在执行之前就已经存在,开发人员不必再取实例化的内置对象 下面对Global对象进行介绍一下,Math用的不多就不做介绍了 1.Global对象 Global ...

  8. JS的内置对象以及JQuery中的部分内容

     [js中的数组]              1  数组的概念:可以再内存中连续存储的多个有序元素的结构                元素的顺序:称为下标,通过下标查找对应元素.           ...

  9. js常用内置对象、Dom对象、BOM对象

    11.html元素事件属性中,如onclick="",双引号里可以是方法条用,可以是js代码(无需加<script>标签) 12.JavaScript内置 对象.属性和 ...

随机推荐

  1. openresty开发系列22--lua的元表

    openresty开发系列22--lua的元表 举个例子,在 Lua table 中我们可以访问对应的key来得到value值,但是却无法对两个 table 进行操作. 那如何计算两个table的相加 ...

  2. webpack 相关文章

    webpack loader原理 由于webpack是基于Node的所以webpack只能识别.js文件,所以针对其他的文件就需要转译,这时候就需要用到我们的loader了. https://blog ...

  3. T-SQL_常用内置函数和操作

    作者:icyjiang 推荐:LinkEdu SELECT --从数据库表中检索数据行和列 INSERT --向数据库表添加新数据行 DELETE --从数据库表中删除数据行 UPDATE --更新数 ...

  4. Python - Django - 装饰器版的登陆校验

    urls.py: from django.conf.urls import url from app01 import views urlpatterns = [ url(r'^login/', vi ...

  5. Python - Django - 页面上展示固定的页码数

    如果页数太多的话,全部显示在页面上就会显得很冗杂 可以在页面中显示规定的页码数 例如: book_list.html: <!DOCTYPE html> <html lang=&quo ...

  6. 【opencv基础-VxWorks】话说图像格式转换-COLOR_YUV2BGR_YUY2

    前言 基于Vxworks的WindRiver获取摄像头图像进行处理,需要先进行转换,对于转换格式博主有点疑问.本文对此作出解释,若有错误,请交流指正. README.md The video came ...

  7. 【Leetcode_easy】925. Long Pressed Name

    problem 925. Long Pressed Name solution1: class Solution { public: bool isLongPressedName(string nam ...

  8. jqweui Popup 使用说明

    使用步骤说明: 今天遇到一个问题,无论怎么点击一个图标都不会弹出对应的遮罩层,但是把示列代码拷贝过来又可以正常显示:结果是由于在复制的时候把 # 号弄掉了 错误操作展示: <a href=&qu ...

  9. PHP强制在微信中打开

    if (!Func::isWx()) { exit('请在微信客户端打开链接'); } // 判断是否是微信 public static function isWx() { if ( strpos($ ...

  10. SpringCloud用Zookeeper做服务注册与发现中心代码实现

    一:Zookeeper用的是3.5.5版本,SpringBoot用的是2.1.6版本,SpringCloud用的是Greenwich.SR2版本,JDK用的是1.8: 服务提供者product-ser ...