在之前总结了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. js日期选择并将日期返回文本框

    date.js // JavaScript Document var gMonths=new Array("一月","二月","三月",&q ...

  2. DevExpress v17.2新版亮点—ASP.NET篇(一)

    用户界面套包DevExpress v17.2终于正式发布,本站将以连载的形式为大家介绍各版本新增内容.本文将介绍了DevExpress ASP.NET v17.2 的GridView Control. ...

  3. C#如何提取.txt文件中的每个字符串

    C#如何提取.txt文件中的每个字符串,并将其存放到一个类中. 将其中的编号 菜名 价格 分别存入不同的数组中. 注:在用ReadLine读取一行信息时为什么读取的中文字符变成了乱码. 20 满意答案 ...

  4. GitLab项目迁移到Gerrit

    1.在Gerrit上新建项目: 2.Gerrit项目配置权限(此处非代码): Reference:refs/* Push Annotated Tag Push Signed Tag Forge Com ...

  5. H - 【59】Lazier Salesgirl 模拟//lxm

    Kochiya Sanae is a lazy girl who makes and sells bread. She is an expert at bread making and selling ...

  6. Linux运维学习笔记-TCP三次握手和四次挥手

    TCP三次握手:     TCP四次挥手:

  7. 4天赚4000RMB 引流秘籍 卑鄙无耻之徒

    他说:有什么引流秘籍吗? 我说:贴吧.天涯.论坛都不错,只要不明着发广告,每天被动加几十个人轻轻松松的,如果执行力好,几百上千都有可能. 他说:我该怎么操作. 我说:网上找点好的帖子,简单修改一下部分 ...

  8. Linux Framebuffer save as picture

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

  9. Linux kernel 不输出log信息

    /********************************************************************************* * Linux kernel 不输 ...

  10. Ubuntu 速配指南:开启3D桌面特效

     http://www.lupaworld.com/article-205494-1.html 安装compizconfig-settings-manager(以下简称ccsm) 在终端里输入:sud ...