当前位置:首页 > 日记 > 正文

javascript 玩转Date对象 | 实例讲解

javascript 玩转Date对象 | 实例讲解

前言:最近在做一个日期选择功能,在日期转换的时候经常换到晕,总结一下常用的Date对象的相关用法,方便日后直接查看使用~

1. new Date()的使用方法有:

不接收任何参数:返回当前时间;

接收一个参数x: 返回1970年1月1日 + x毫秒的值。

new Date(1, 1, 1)返回1901年2月1号。
new Date(2016, 1, 1)不会在1900年的基础上加2016,而只是表示2016年2月1号。

2. 使用new Date(time) 将时间转换成 Date 对象

注意:time格式需要为 1999/12/31 23:59 (不能为1999-12-30 23:43),否则在一些机型下可能会报错。

3. date对象一些常用的api

new Date()转换之后的数据,可以直接使用下面的apinew Date(x).getMonth()+1  //获取月份new Date(x).getDate //获取日期new Date(x).getHours() //获取小时new Date(x).getMinutes() //获取分钟new Date(x).toLocaleDateString()); // 转换为本地日期格式,视环境而定,输出:2017年07月04日new Date(x).toLocaleString()); // 转换为本地日期和时间格式,视环境而定,输出:2017年07月04日 上午10:03:05

4. javascript 没有原生提供但却经常需求使用的功能

根据日期获取当前星期几

//参数 日期getWeek(day) {  const weekArr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];  return weekArr[day];}getWeek(new Date(x).getDay()) 

获取某个时间+1个小时,直接对小时数进行加1可能会溢出,因此先转换成 Date 对象,再使用setHours 改变小时。

new Date(x).setHours(new Date(x).getHours()+1,new Date(x).getMinutes());

为了统一格式,返回日期是10以下,需在前面补0.

function getFull(n) {  return (n > 9 ? '' : '0') + n;}var x = getFull(3); //03var y = getFull(11);  //11

经常要对日期进行转换,因此增加一个转换格式的函数

Date.prototype.Format = function (fmt) { //author: meizz    var o = {      "M+": this.getMonth() + 1, //月份      "d+": this.getDate(), //日      "h+": this.getHours(), //小时      "m+": this.getMinutes(), //分      "s+": this.getSeconds(), //秒      "q+": Math.floor((this.getMonth() + 3) / 3), //季度      "S": this.getMilliseconds() //毫秒    };    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));    for (var k in o)      if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));    return fmt;  }  // 调用:  var time1 = new Date().Format("yyyy-MM-dd");  var time2 = new Date().Format("yyyy-MM-dd hh:mm:ss");

以上这篇javascript 玩转Date对象(实例讲解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

相关文章

深入理解React中何时使用箭头函数

深入理解React中何时使用箭头函数

函数,箭头,电脑软件,React,前言相信大家当想起箭头函数时,脑海里可能会浮现 棒,酷,简洁,有趣 等形容词,其实,我们存在一些 更充分的理由 使我们在联想起 箭头函数 时不得不想到的,本文详细的给大家介绍了关于React何时使用箭头函数的相关内容,分享…

BootStrap表单时间选择器详解

BootStrap表单时间选择器详解

表单,时间选择器,详解,电脑软件,BootStrap,前言  在大多数项目中 用户界面的时间选择是必不可少的,在项目的用户体验友好度这个大前提下,不让用户自己输入时间就显得格外的重要。而且用户输入时间还会存在格式不固定的问题,加大后台的开发量…

有关JS中的0,null,undefined,[],{}

有关JS中的0,null,undefined,[],{}

关系,电脑软件,null,JS,false,0与一些虚值的比较:0与false0==falsetrue0与'':0==''true 0与[]:0==[]true 0与NaN:0==NaNfalse0与undefined0==undefinedfalse0与null0==nullfalse 0与{}0=={}false''空值与一些值的比较'' == falsetrue…

SeaJS中use函数用法实例分析

SeaJS中use函数用法实例分析

实例分析,函数用法,电脑软件,SeaJS,本文实例讲述了SeaJS中use函数用法。分享给大家供大家参考,具体如下:有了 define 等模块定义规范的实现,我们可以开发出很多模块。但光有一堆模块不管用,我们还得让它们能跑起来。在 SeaJS 里,要启动模块系统…

JS时间控制实现动态效果的实例讲解

JS时间控制实现动态效果的实例讲解

控制,动态,实例,效果,时间,如下所示:<script> BOM //Bowers Object Model 浏览器对象模型 setTimeout()// 延迟执行一次 setInterval()// 间隔执行 var a = 300; window.setTimeout('abc(a)',3000);// 自定义函数赋值 functi…

FTP服务器端软件Serv-U教程 | 6

FTP服务器端软件Serv-U教程 | 6

教程,服务器端,电脑软件,FTP,Serv,第六节 Serv-U用户属性之完结一、&ldquo;IP Access&rdquo;(IP访问)选项。1、Deny Access(拒绝访问):选中此项则下面列出的IP地址被拒绝访问此FTP服务器。2、Allow Access(允许访问):选中此项则只有下面列出的IP地…

excel中开方的教程

excel中开方的教程

教程,电脑软件,excel,  Excel中经常需要对数据进行开方,具体该如何开方呢?下面是由小编分享的excel中开方的教程,以供大家阅读和学习。excel中开方的教程(一)步骤:使用内置的求数值的开方的函数SQRT=SQRT(16)如下图所示为求16的开方。excel…

Laravel实现autoload方法详解

Laravel实现autoload方法详解

方法,详解,电脑软件,Laravel,autoload,用了一阵Laravel后发现很少有include和require,觉得有点奇怪,思考Laravel是怎么完成文件导入的。其实Laravel依旧还是用include或者require的,只是都写在一个函数里了。就像这样:function autoload($path)…

Painter快速将普通照片制作成漂亮

Painter快速将普通照片制作成漂亮

照片,水彩画,快速,漂亮,电脑软件,本文中分享了用Corel Painter快速将照片制作成水彩画的方法。在这个电子数码时代,就算你没有美术基础,想要绘制一幅美术作品,也已经不算是一件难事了。在Corel Painter中,应有尽有的画笔,完全能满足你绘图的乐趣…

win8无线网络受限

win8无线网络受限

无线网络,电脑软件,在使用win8系统时,会遇到win8无线连接受限的情况呢?小编之前也有遇到过类似问题,不过通过简单的设置,也成功解决了。一、部分用户无线网络无法共享成功是因为无线网络硬件开关没有打开。如果您的无线网卡开关发现没有开启,可…

Windows防火墙导致FTP服务器不能访

Windows防火墙导致FTP服务器不能访

服务器,解决方法,防火墙,电脑软件,Windows,今天为了方便文件的共享传输而又不失保密性,舍弃了Windows自带的文件夹共享功能,安装了IIS自带的FTP功能,设置好了之后自己的电脑可以访问该FTP网址,局域网内别的电脑就死活不行,提示什么没有权限,我意…

怎么在word2010中取消自动编号

怎么在word2010中取消自动编号

取消,自动编号,方法,电脑软件,strong,  随着信息时代的到来,计算机得到了普及,成为人们不可缺少的实用工具。计算机中的文档编辑工具Word被广泛运用在学生的学习中。下面小编就教你怎么在word2010中取消自动编号。word2010中取消自动编号…