JavaScript 日期
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 日期的更多相关文章
- Moment.js 超棒Javascript日期处理类库
Moment.js 不容错过的超棒Javascript日期处理类库 主要特性: 3.2kb超轻量级 独立类库,意味这你不需要倒入一堆js 日期处理支持UNIX 时间戳,String,指定格式的Date ...
- JavaScript日期对象使用总结
javascript Date日期对象的创建 创建一个日期对象: var objDate=new Date([arguments list]); 我总结了参数形式主要有以下3种: new Date(& ...
- javascript 日期月份加减
项目中需要用到,自己写了一个.javascript日期按月加减 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xh ...
- JavaScript日期时间格式化函数
这篇文章主要介绍了JavaScript日期时间格式化函数分享,需要的朋友可以参考下 这个函数经常用到,分享给大家. 函数代码: //格式化参数说明: //y:年,M:月,d:日,h:时,m分,s:秒, ...
- JavaScript 日期格式化 简单有用
JavaScript 日期格式化 简单有用 代码例如以下,引入jquery后直接后增加下面代码刷新可測试 Date.prototype.Format = function (fmt) { //auth ...
- Javascript 日期格式化
Javascript 日期格式化 需求: 给出:日期 .格式,根据日期格式进行输出. Date.prototype.Format = function (fmt) { //author: meizz ...
- [Javascript] 5个最佳的Javascript日期处理类库
在大家日常网站开发和web应用开发中,我们往往需要有效的调用Javascript处理日期和时间格式相关的函数,在Javascript中已经包含了部分最基本的内建处理方法. 在大家日常网站开发和web应 ...
- JavaScript 日期格式
有四种 JavaScript 日期输入格式: 类型 实例 ISO 日期 "2018-02-19" (国际标准) 短日期 "02/19/2018" 或者 &quo ...
- 松软科技前端课堂:JavaScript 日期
JavaScript 日期输出 默认情况下,JavaScript 将使用浏览器的时区并将日期显示为全文本字符串: Tue Apr 02 2019 09:01:19 GMT+0800 (中国标准时间) ...
随机推荐
- 阿里面试实战题3----String,StringBuilder,StringBuffer区别
String public final class String implements java.io.Serializable, Comparable<String>, CharSequ ...
- ASP.NET Core 2.2 WebApi 系列【二】使用EF CodeFirst创建数据库
Code First模式 Code First是指"代码优先"或"代码先行". Code First模式将会基于编写的类和配置,自动创建模型和数据库. 一.准备 ...
- Selenium(十五):unittest单元测试框架(一) 初识unittest
1. 认识unittest 什么是单元测试?单元测试负责对最小的软件设计单元(模块)进行验证,它使用软件设计文档中对模块的描述作为指南,对重要的程序分支进行测试以发现模块中的错误.在python语言下 ...
- Add a Parametrized Action 添加带参数的按钮
In this lesson, you will learn how to add a Parametrized Action. These types of Actions are slightly ...
- html+css面试题(一)
XHTML与HTML的有何异同? HTML是一种基于WEB的网络设计语言,XHTML是基于XML的置标语言,XHTML可以认为是XML版的HTML,所以它的语法比较严谨:元素必须关闭,嵌套必须正确,大 ...
- ES6-Set的增加、查找、删除、遍历、查看长度、数组去重
set 是es6新出的一种数据结构,里边放的是数组. 作用:去重(set里边的数组不能重复) MDN:Set 对象允许你存储任何类型的唯一值,无论是原始值或者是对象引用. 总结: 1.成员唯一.无序且 ...
- curl 模拟https协议请求
在原有基础上再添加设置下面两个参数: curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false); // 跳过证书检查 curl_setopt($ch, CURLO ...
- MySql 筛选条件、聚合分组、连接查询
筛选条件 比较运算符 等于: = ( 注意!不是 == ) 不等于: != 或 <> 大于: > 大于等于: >= 小于: < 小于等于: <= IS NULL I ...
- Vue动态加载图片图片不显示
图片是放在assets文件夹下的 使用require进行解决 图片不显示的原因 在webpack,将图片放在assets中,会将图片图片来当做模块来用,因为是动态加载的,所以url-loader将无法 ...
- WebScraper for Mac(网站数据抓取软件) 4.10.2
WebScraper Mac版是一款Mac平台上通过使用将数据导出为JSON或CSV的简约应用程序,WebScraper Mac版可以快速提取与某个网页(包括文本内容)相关的信息.WebScraper ...