在之前总结了Date类型的继承方法和格式化方法,现在来总结一下日期时间组件方法,这些方法都是直接取得和设置日期值中特定部分的方法。

var d = new Date();
//getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。
console.log(d.getDate()); //1
//getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。
console.log(d.getDay()); //5
//getFullYear() 从 Date 对象以四位数字返回年份。
console.log(d.getFullYear()); //2018
//getHours() 返回 Date 对象的小时 (0 ~ 23)。
console.log(d.getHours()); //21
//getMilliseconds() 返回 Date 对象的毫秒(0 ~ 999)。
console.log(d.getMilliseconds()); //886
//getMinutes() 返回 Date 对象的分钟 (0 ~ 59)。
console.log(d.getMinutes()); //7
//getMonth() 从 Date 对象返回月份 (0 ~ 11)。
console.log(d.getMonth()); //5
//getSeconds() 返回 Date 对象的秒数 (0 ~ 59)。
console.log(d.getSeconds()); //49
//getTime() 返回 1970 年 1 月 1 日至今的毫秒数。
console.log(d.getTime()); //1527858469886
//getTimezoneOffset() 返回本地时间与格林威治标准时间 (GMT) 的分钟差。
console.log(d.getTimezoneOffset()); //-480
//getUTCDate() 根据世界时从 Date 对象返回月中的一天 (1 ~ 31)。
console.log(d.getUTCDate()); //1
//getUTCDay() 根据世界时从 Date 对象返回周中的一天 (0 ~ 6)。
console.log(d.getUTCDay()); //5
//getUTCFullYear() 根据世界时从 Date 对象返回四位数的年份。
console.log(d.getUTCFullYear()); //2018
//getUTCHours() 根据世界时返回 Date 对象的小时 (0 ~ 23)。
console.log(d.getUTCHours()); //13
//getUTCMilliseconds() 根据世界时返回 Date 对象的毫秒(0 ~ 999)。
console.log(d.getUTCMilliseconds()); //886
//getUTCMinutes() 根据世界时返回 Date 对象的分钟 (0 ~ 59)。
console.log(d.getUTCMinutes()); //7
//getUTCMonth() 根据世界时从 Date 对象返回月份 (0 ~ 11)。
console.log(d.getUTCMonth()); //5
//getUTCSeconds() 根据世界时返回 Date 对象的秒钟 (0 ~ 59)。
console.log(d.getUTCSeconds()); //49
//setDate() 设置 Date 对象中月的某一天 (1 ~ 31)。
console.log(d.setDate(15)); //1529068069886
//setFullYear() 设置 Date 对象中的年份(四位数字)。
console.log(d.setFullYear(2020)); //1592226469886
//setHours() 设置 Date 对象中的小时 (0 ~ 23)。
console.log(d.setHours(16)); //1592208469886
//setMilliseconds() 设置 Date 对象中的毫秒 (0 ~ 999)。
d.setMilliseconds(192);
console.log(d.getMilliseconds()); //192
//setMinutes() 设置 Date 对象中的分钟 (0 ~ 59)。
console.log(d.setMinutes(17)); //1592209069192
//setMonth() 设置 Date 对象中月份 (0 ~ 11)。
console.log(d.setMonth(9)); //1602749869192
//setSeconds() 设置 Date 对象中的秒钟 (0 ~ 59)。
console.log(d.setSeconds(32)); //1602749852192
//setTime() setTime() 方法以毫秒设置 Date 对象。
console.log(d.setTime(1332403882588)); //1332403882588
//setUTCDate() 根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。
console.log(d.setUTCDate(15)); //1331799082588
//setUTCFullYear() 根据世界时设置 Date 对象中的年份(四位数字)。
console.log(d.setUTCFullYear(2020)); //1584259882588
//setUTCHours() 根据世界时设置 Date 对象中的小时 (0 ~ 23)。
console.log(d.setUTCHours(16)); //1584288682588
//setUTCMilliseconds() 根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。
console.log(d.setUTCMilliseconds(999)); //1584288682999
//setUTCMinutes() 根据世界时设置 Date 对象中的分钟 (0 ~ 59)。
console.log(d.setUTCMinutes(17)); //1584289042999
//setUTCMonth() 根据世界时设置 Date 对象中的月份 (0 ~ 11)。
console.log(d.setUTCMonth(9)); //1602778642999
//setUTCSeconds() setUTCSeconds() 方法用于根据世界时 (UTC) 设置指定时间的秒字段。
console.log(d.setUTCSeconds(32)); //1602778652999
//toDateString() 把 Date 对象的日期部分转换为字符串。
console.log(d.toDateString()); //Fri Oct 16 2020
//toISOString() 使用 ISO 标准返回字符串的日期格式。
console.log(d.toISOString()); //2020-10-15T16:17:32.999Z
//toJSON() 以 JSON 数据格式返回日期字符串。
console.log(d.toJSON()); //2020-10-15T16:17:32.999Z
//valueOf() 返回 Date 对象的原始值。
console.log(d.valueOf()); //1602778652999

结合上面的组件方法,我们可以自定义一个时间格式,如下:

function formatDate(date){
var y = date.getFullYear();
var M = date.getMonth() + 1;
M = M < 10 ? ('0' + M) : M;
var d = date.getDate();
d = d < 10 ? ('0' + d): d;
var h = date.getHours();
h = h < 10 ? ('0' + h): h;
var m = date.getMinutes();
m = m < 10 ? ('0' + m): m;
var s = date.getSeconds();
s = s < 10 ? ('0' + s): s;
//q = Mate.floor((date.getMonth() + 3) /3) //季度
return y + '-' + M + '-' + d +' ' + h + ':' + m + ':' + s;
} var time = new Date();
console.log(formatDate(time)); //2018-06-02 21:17:22

Date类型之组件方法的更多相关文章

  1. Date类型之继承方法

    ECMAScript中的Date类型是在早期Java中的java.util.Date类型基础上构建的.为此,Date类型使用自UTC(国际协调时间)1970年1月1日午夜零时开始经过的毫秒数来保存日期 ...

  2. java 与日期转换相关的方法(java.util.date类型和java.sql.date类型互相转换)、随机字符串生成方法、UUID生产随机字符串

    package com.oop.util; import java.text.*; import java.util.UUID; import org.junit.Test; /* * 与日期相关的工 ...

  3. 《JavaScript高级程序设计》读书笔记 ---Date 类型

    ECMAScript 中的Date 类型是在早期Java 中的java.util.Date 类基础上构建的.为此,Date类型使用自UTC(Coordinated Universal Time,国际协 ...

  4. 5.3 Date类型

    创建一个日期对象: var now = new Date( ); var now= new Date(); document.write(now); //Tue Apr 19 2016 11:43:5 ...

  5. 【js实例】Array类型的9个数组方法,Date类型的41个日期方法,Function类型

    前文提要:[js实例]js中的5种基本数据类型和9种操作符 Array类型的9个数组方法 Array中有9个数组方法: 1.检测数组 2.转换方法 3.栈方法 4.队列方法 5.冲排序方法6.操作方法 ...

  6. Date类型常用概念及方法总结(1)

      Date类型使用UTC(国际协调时间)1970年1月1日零时开始经过的毫秒数来保存时间. (1)创建当前日期           调用Date不传递参数的情况下,创建的新对象自动获得当前日期和时间 ...

  7. spring boot @ResponseBody转换JSON 时 Date 类型处理方法,Jackson和FastJson两种方式,springboot 2.0.9配置fastjson不生效官方解决办法

    spring boot @ResponseBody转换JSON 时 Date 类型处理方法 ,这里一共有两种不同解析方式(Jackson和FastJson两种方式,springboot我用的1.x的版 ...

  8. 在oracle中存入date类型数据遇到的问题及其解决方法(利用java.sql.date和Timestamp)

    转自:https://blog.csdn.net/ShadowerWArden/article/details/80652377 1. 使用JDBC操作Oracle数据库时,使用java.sql.Da ...

  9. SpringMVC处理Date类型的成员变量方法

    原文链接:http://www.tuicool.com/articles/aYfaqa 在使用 SpringMVC 的时候,我们可能需要将一个对象从 View 传递给 Controller .而当这个 ...

随机推荐

  1. log4j 将日志文件输出到web-inf下的解决办法

    参考链接:http://blog.csdn.net/chenfengdejuanlian/article/details/70738995 只需要配置好即可,用的时候直接在代码中获得记录器记录,监听器 ...

  2. 1.5 C++ new和delete操作符

    参考:http://www.weixueyuan.net/view/6331.html 在C语言中,动态分配和释放内存的函数是malloc.calloc和free,而在C++语言中,new.new[] ...

  3. STL标准库-算法-常用算法

    技术在于交流.沟通,本文为博主原创文章转载请注明出处并保持作品的完整性 介绍11种STL标准库的算法,从这11种算法中总结一下算法的基本使用 1.accumulate() 累加 2.for_each( ...

  4. Git内网服务搭建全过程

    看到一篇搭建git服务器的文章,主要是公司内网搭建的,讲得非常详细,比廖雪峰的要完整,必须赞! http://developer.51cto.com/art/201507/483448.htm

  5. CTC+pytorch编译配置warp-CTC

    CTC CTC可以生成一个损失函数,用于在序列数据上进行监督式学习,不需要对齐输入数据及标签,经常连接在一个RNN网络的末端,训练端到端的语音和文本识别系统.CTC论文地址:http://www.cs ...

  6. Hign-Speed Tracking with Kernelzied Correlation Filters

    reference:Hign-Speed Tracking with Kernelzied Correlation Filters questions: The core componet of mo ...

  7. Linux Framebuffer save as picture

    /********************************************************************************* * Linux Framebuff ...

  8. [LeetCode&Python] Problem 807. Max Increase to Keep City Skyline

    In a 2 dimensional array grid, each value grid[i][j] represents the height of a building located the ...

  9. cocoapods 安装过程及常见问题

    1.可以参考这个网页的教程:http://code4app.com/article/cocoapods-install-usage 2.按照以下步骤进行安装: 1.配置rugy静态环境 gem sou ...

  10. Spring MVC 学习)——控制器与@RequestMapping详解

    Spring MVC 学习总结(二)——控制器定义与@RequestMapping详解 一.控制器定义 控制器提供访问应用程序的行为,通常通过服务接口定义或注解定义两种方法实现. 控制器解析用户的请求 ...