在之前总结了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. 字符串 date 转标准 yyyyMMdd 格式

    学习转换成数字相加的思想 public static int ToDateInt(string dateStr)        {            if (string.IsNullOrEmpt ...

  2. css 让div 置于最顶层而不被其他东西挡住

    今天遇到自己写的div被其他东西给挡住了,需要设置一个属性就成功了 设置:z-index:值:比如 z-index:999. 若值设置为为-1,代表为最底层. div的图层由div的style中的z- ...

  3. postgresql的copy

    https://www.postgresql.org/docs/current/static/sql-copy.html 一.Copy的基本语法 Copy的作用是复制数据在数据表和文件之间. Copy ...

  4. C++11标准的智能指针、野指针、内存泄露的理解(日后还会补充,先浅谈自己的理解)

    1.野指针的概念.成因以及避免 首先,来说说什么是野指针,所谓野指针就是一个指向未申请访问受限的内存区域或者已经删除了的对象的指针. 什么意思呢?就是本来一个指针指向一个对象.一块内存,但是由于程序( ...

  5. L224 词汇题

    Elaborate 精心的 preparations were being made for the Prime Minister’s official visit to the four forei ...

  6. Android AES 加密、解密

    AES加密介绍 ASE 加密.解密的关键在于秘钥.只有使用加密时使用的秘钥,才可以解密. 生成秘钥的代码网上一大堆,下面的代码可生成一个秘钥 private SecretKey generateKey ...

  7. spring jdbc配置文件进行加密解密

    最近做一个项目,安全上有点要求,就是要对数据库相关的配置进行加密,配置文件如下: #加密前#datasource.type=mysql #datasource.driverClassName=com. ...

  8. WinRAR备份技巧 - imsoft.cnblogs

    RAR控制台日常备份策略 run.batrar a -ep1 -agYYYY{年}MM{月}DD{日} 备份 @list.txt-ep1是忽略原文件路径,rar包里是一堆文件,没有目录结构-ag附加命 ...

  9. CodeForces - 1093D:Beautiful Graph(二分图判定+方案数)

    题意:给定无向图,让你给点加权(1,2,3),使得每条边是两端点点权和维奇数. 思路:一个连通块是个二分图,判定二分图可以dfs,并查集,2-sat染色. 这里用的并查集(还可以带权并查集优化一下,或 ...

  10. zookeeper windows 下配置和基础命令

    原文链接:http://blog.csdn.net/woshioosm/article/details/45560177 1, 解压zookeeper ,在目录下建立文件夹 data 和log 2,在 ...