在之前总结了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. iOS9 http 不能连接的解决办法

    iOS9要求App内访问的网络必须使用HTTPS协议.原有的HTTP请求会报错,适配方法如下. 打开TARGETS-Build Phases, 添加New Run Script Phase,代码如下: ...

  2. 玩转X-CTR100 l STM32F4 l 舵机控制

    我造轮子,你造车,创客一起造起来!塔克创新资讯[塔克社区 www.xtark.cn ][塔克博客 www.cnblogs.com/xtark/ ] 本文介绍X-CTR100控制器的舵机控制,X-CTR ...

  3. DevExpress v18.1新版亮点——WPF篇(一)

    用户界面套包DevExpress v18.1日前终于正式发布,本站将以连载的形式为大家介绍各版本新增内容.本文将介绍了DevExpress WPF v18.1 的新功能,快来下载试用新版本!点击下载& ...

  4. first head in html 笔记

    目录: 1.了解HTML 2.学会简单构建网页 3.学会将单个的网页放在web上,组成网站 5.学会使用图片 6.严格HTML规范 7.HTML->XHTML 8.学会一点CSS样式 9.了解盒 ...

  5. 201621123010《Java程序设计》第9周学习总结

    1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结集合与泛型相关内容. 2. 书面作业 本次作业题集集合 1. List中指定元素的删除(题集题目) 1.1 实验总结.并回答:列举至 ...

  6. SharePoint场管理-PowerShell(一)

    1. 查看场配置信息 Get-SPFarmConfig 2. 设置场配置信息 Set-SPFarmConfig –ASPScriptOptimizationEnabled:$true –DataFor ...

  7. Axure使用笔记1:如何去除IE中每次“已限制网页运行脚本或ActiveX控件”

    每次在Axure中画原型预览的时候,IE每次都有 这个比较烦,在Internent做如下设置,即可不再烦恼 看到没,给允许活动内容在我的计算机上的文件中运行打上勾

  8. Adaboost算法流程及示例

    1. Boosting提升方法(源自统计学习方法) 提升方法是一种常用的统计学习方法,应用十分广泛且有效.在分类问题中,它通过改变训练样本的权重,学习多个分类器,并将这些分类器进行线性组合,提高分类的 ...

  9. ARM裸板开发:07_IIC 通过IIC总线接口读写时钟芯片时间参数实现的总结

    问题一:程序直接在iRAM内部可正常执行,而程序搬移(Nand ->SDRAM)之后,就不能正常运行了 #define NAND_SECTOR_SIZE 2048 /* 读函数 */ void ...

  10. JavaScript权威指南——词法结构(4)

    标识符和保留字 1.标识符 标识符就是一个名字.在JavaScript中,标识符用来给变量.属性.函数和参数进行命名,或者用做某些循环语句中的跳转位置的标记. //变量 var identifier ...