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. 测试:Oracle 19c RAC添加私网

    最近有个客户需求是在某12.2版本的RAC环境上添加心跳网络,顺便考虑将之前的心跳网络改为asm专用.我目前只有19c的RAC的测试环境(19c是12c的最终稳定版本),直接测试验证下过程备忘. 1. ...

  2. RabbitMQ的管控台的使用说明

    1.RabbitMQ的管控台确实是一个好东西,但是如果是新手,比如刚接触RabbitMQ的时候,看到RabbitMQ的管控台也是一脸懵逼的说,慢慢接触多了,才了解一些使用. 1).RabbitMQ的管 ...

  3. python爬取网业信息案例

    需求:爬取网站上的公司信息 代码如下: import json import os import shutil import requests import re import time reques ...

  4. 对Android 8.0以上版本通知点击无效的一次分析

    版权声明:本文为xing_star原创文章,转载请注明出处! 本文同步自http://javaexception.com/archives/178 对Android 8.0以上版本通知点击无效的一次分 ...

  5. GitHub访问速度慢的一种优化方法

    GitHub是一个面向开源及私有软件项目的托管平台,因为只支持Git 作为唯一的版本库格式进行托管,故名GitHub. 由于GitHub是一个国外网站,在国内访问速度如何呢? 我们通过浏览器访问下ht ...

  6. CodeForces - 103B(思维+dfs找环)

    题意 https://vjudge.net/problem/CodeForces-103B 很久很久以前的一天,一位美男子来到海边,海上狂风大作.美男子希望在海中找到美人鱼 ,但是很不幸他只找到了章鱼 ...

  7. ifconfig|grep eth0|awk '{print $5}' 命令详解

    因需要将linx下获取某个网中的MAC地址,可以使用如下命令获取: ifconfig|grep eth0|awk '{print $5}' ifconfig: 输出linux下所有网口的信息(包括IP ...

  8. Java学习笔记(7)---流(Stream),文件(File)

    1.Stream流 a.定义: Java.io 包几乎包含了所有操作输入.输出需要的类.所有这些流类代表了输入源和输出目标. Java.io 包中的流支持很多种格式,比如:基本类型.对象.本地化字符集 ...

  9. matlab练习程序(BRIEF描述子)

    BRIEF特征全称:Binary Robust Independent Elementary Features.是一种能够快速计算图像特征描述符的方法,同样能够降低特征匹配的时间. 算法计算步骤如下: ...

  10. Rails + Webpacker + Puma + Nginx 部署

    准备 ssh 登录 首先 ssh 登录服务器,免密码登录可以参考 ssh 免密码登录服务器 创建部署用户 $ sudo adduser deploy 安装依赖 Ruby 这里使用 RVM 安装和管理 ...