JavaScript 日期

JavaScript 日期输出

  • 默认情况下,JavaScript将使用浏览器的时区并将日期格式显示为全文本字符串:
Tue Apr 02 2019 09:01:19 GMT+0800

创建 Date 对象

  • Date对象由 Date() 构造函数创建

new Date()

  • new Date():使用当前日期和时间创建新的日期对象:
var date = new Date();

new Date(year,month,…)

  • 格式:new Date(year,month,day,hours,minutes,seconds,milliseconds)

  • 代表:年 year,月 month,日 day,小时 hours,分钟 minutes,秒 seconds,毫秒 milliseconds

var date = new Date(2019,06,20,12,40,13,0) ;

ps:JavaScript从 0 开始据算月份,所以一月是 0 ,十二月是 11 。

参数是可以省略的

new Date(dateString)

  • new Date(dateString):从日期字符串创建一个新的日期对象
var date = new Date("October 13, 2014 11:13:00") ;

new Date(milliseconds)

  • new Date(milliseconds):创建一个零时加毫秒的新日期对象
var date = new Date(0);

1970年1月1日减去new Date(x)所设置的 x 毫秒

ps:一天二十四小时为 86 400 000 毫秒

日期方法

创建Date对象时,可以使用许多方法对其进行操作

日期方法允许你使用本地时间或UTC(通用或GMT)时间来获取和设置日期对象的年、月、日、小时、分、秒和毫秒

显示日期

  • JavaScript在默认下,将会以全文本字符串格式输出日期
Thu Jun 20 2019 13:04:53 GMT+0800 (中国标准时间)

HTML会自动的将输出以 toString格式输出

  • toUTCString():将日期转换为UTC字符串(日期显示标准)
var date = new Date() ;
document.getElementById("demo").innerHTML = d.toUTCString();
//输出显示:
Thu, 20 Jun 2019 05:10:20 GMT
  • toDateString():将日期转换为易读的格式
var date = new Date() ;
document.getElementById("demo").innerHTML = d.toDateString();
//输出显示:
Thu Jun 20 2019

JavaScript 日期格式

类型 实例
ISO日期 2018-02-19 (国际标准)
短日期 02/19/2018 或者 2018/02/19
长日期 Feb 19 2018 或者 19 Feb 2018
完整日期 Monday February 25 2018

日期输出

  • 无论输入格式,JavaScript默认将输出全文本的字符串日期格式:
Mon Feb 19 2018 06:00:00 GMT+0800

ISO 日期

  • ISO语法是国际标准格式,也是首选的日期格式
var date = new Date("2018-12-31") ;
  • 年和日(YYYY-MM)
var date = new Date("2018-12") ;
  • 年(YYYY)
var date = new Date("2018") ;
  • 完整的日期(YYYY-MM-DD T HH:MM:SS)
var date = new Date(2018-12-31T12:00:00)

ISO 日期和时间之间通过大写字母 T 分隔

UTC 日期和时间之间通过大写字母 Z 分隔

短日期

  • 语法格式:【MM/DD/YYYY】
var date = new Date("31/12/2018") ;

又是在日期和时间中,不带前导 0 可能会导致 语法出错

长日期

  • 语法格式:【MM DD YYYY】
var date = new Date("Feb 31 2018") ;

var date = new Date("31 Feb 2018") ;

月份不仅仅可以缩写表示,也可以用全称。

如果日期格式中出现逗号,会被Date自动忽略。

完整日期

  • JavaScript接受"完整JavaScript日期格式"的日期字符串
var date = new Date("Mon Feb 31 2018 12:00:00 GMT=0100") ;

JavaScript会忽略Date()中的一些小错误哦!

JavaScript 获取日期

日期获取法

方法 UTC日期方法 描述
getDate() getUTCDate() 以数值返回天(1~31)
getDay getUTCDay() 以数值返回周[星期](0~6)
getFullYear() getUTCFullYear() 获取四位的年(YYYY)
getHours() getUTCHours() 获取小时(0~23)
getMilliseconds() getUTCMilliseconds() 获取毫秒(0~999)
getMinutes() getUTCMinutes() 获取分(0~59)
getMonth() getUTCMonth() 获取月(0~11)
getSeconds() getUTCSeconds() 获取秒(0~59)
getTime() getUTCTime()3 获取时间(1970-01-01 至今)

JavaScript 设置日期

方法 描述
setDate() 以数值(1~31)设置日
setFullYear() 设置年(可选月和日)
setHours() 设置小时
setMilliseconds() 设置毫秒
setMinutes() 设置分
setMonth() 设置月
setSeconds() 设置秒
setTime() 设置时间

JavaScript 日期的更多相关文章

  1. Moment.js 超棒Javascript日期处理类库

    Moment.js 不容错过的超棒Javascript日期处理类库 主要特性: 3.2kb超轻量级 独立类库,意味这你不需要倒入一堆js 日期处理支持UNIX 时间戳,String,指定格式的Date ...

  2. JavaScript日期对象使用总结

    javascript Date日期对象的创建 创建一个日期对象: var objDate=new Date([arguments list]); 我总结了参数形式主要有以下3种: new Date(& ...

  3. javascript 日期月份加减

    项目中需要用到,自己写了一个.javascript日期按月加减 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xh ...

  4. JavaScript日期时间格式化函数

    这篇文章主要介绍了JavaScript日期时间格式化函数分享,需要的朋友可以参考下 这个函数经常用到,分享给大家. 函数代码: //格式化参数说明: //y:年,M:月,d:日,h:时,m分,s:秒, ...

  5. JavaScript 日期格式化 简单有用

    JavaScript 日期格式化 简单有用 代码例如以下,引入jquery后直接后增加下面代码刷新可測试 Date.prototype.Format = function (fmt) { //auth ...

  6. Javascript 日期格式化

    Javascript 日期格式化 需求: 给出:日期 .格式,根据日期格式进行输出. Date.prototype.Format = function (fmt) { //author: meizz ...

  7. [Javascript] 5个最佳的Javascript日期处理类库

    在大家日常网站开发和web应用开发中,我们往往需要有效的调用Javascript处理日期和时间格式相关的函数,在Javascript中已经包含了部分最基本的内建处理方法. 在大家日常网站开发和web应 ...

  8. JavaScript 日期格式

    有四种 JavaScript 日期输入格式: 类型 实例 ISO 日期 "2018-02-19" (国际标准) 短日期 "02/19/2018" 或者 &quo ...

  9. 松软科技前端课堂:JavaScript 日期

    JavaScript 日期输出 默认情况下,JavaScript 将使用浏览器的时区并将日期显示为全文本字符串: Tue Apr 02 2019 09:01:19 GMT+0800 (中国标准时间) ...

随机推荐

  1. java基础(4):引用数据类型、流程控制语句

    1. 引用数据类型 1.1 Scanner类 我们要学的Scanner类是属于引用数据类型,我们先了解下引用数据类型. 引用数据类型的使用: 与定义基本数据类型变量不同,引用数据类型的变量定义及赋值有 ...

  2. Java从入门到精通系统书籍,吐血整理的,只要1元

    思诚为修身之本,而明善又为思诚之本 我会在支付宝联系你 付完款后在支付宝账单详情页 点击联系收款方.我会回复您下载链接.

  3. 微信小程序跳转传参参数丢失?

    垂死病中惊坐起,笑问 Bug 何处来?! 1.先是大写字母作祟 前两天发布了「柒留言」v2.0.0 新版本,结果...你懂的嘛,没有 Bug 的程序不是好程序,写不出 Bug 的程序员不是好程序员. ...

  4. CSS样式继承性

    CSS样式继承介绍 外层元素身上的样式会被内层元素所继承. 当内层元素身上的样式与外层的元素身上的样式相同时内层元素样式会覆盖外层元素样式. 并不是所有的样式都能够继承,只有文本与字体样式属性才能够被 ...

  5. 20个常用的JavaScript字符串方法

    摘要: 玩转JS字符串. 原文:JS 前20个常用字符串方法及使用方式 译者:前端小智 Fundebug经授权转载,版权归原作者所有. 本文主要介绍一些最常用的JS字符串函数. 1. charAt(x ...

  6. (入门SpringBoot)SpringBoot加接口操作日志好方法(九)

    用Spring的切面去做,慕课网上的大神的小妙招,被我拷贝下来了.import org.aspectj.lang.JoinPoint; import org.aspectj.lang.annotati ...

  7. BZOJ2339/LG3214 「HNOI2011」 卡农 组合数学

    问题描述 BZOJ2339 本题的一些心得 对于这种无序集合计数类问题,可以通过对方案数除以某个数的阶乘,使得无序化变为有序化. 设计DP方程时候,应该先有序的列出状态转移方程每一项的来源,并一项项推 ...

  8. python接口自动化12-pytest前后置与fixture

    前言 我们都知道在自动化测试中都会用到前后置,pytest 相比 unittest 无论是前后置还是插件等都灵活了许多,还能自己用 fixture 来定义.(甩 unttest 半条街?) 首先了解一 ...

  9. 开源的13个Spring Boot 优秀学习项目!超53K星,一网打尽!

    Spring Boot 算是目前 Java 领域最火的技术栈了,也是Java开发人员不得不掌握的技术,今天给大家整理了13个优质 Spring Boot 开源项目给大家参考,希望能够帮助到正在学习 S ...

  10. 要想精通Mybatis?从手写Mybatis框架开始吧!

    1.Mybatis组成 动态SQL Config配置 Mapper配置 2.核心源码分析 Configuration源码解析 SqlSessionFactory源码解析 SqlSession源码解析 ...