Date日期时间相关
var date = new Date();// 使用new+构造函数Date创建一个对象
console.log(date); // date内部相当于默认的调用了toString(): Tue Sep 19 2017 08:54:04 GMT+0800 (中国标准时间)
console.log(date.toString()); // Tue Sep 19 2017 08:54:04 GMT+0800 (中国标准时间)
console.log(date.toDateString()); //外国的的显示方式: Tue Sep 19 2017
console.log(date.toLocaleDateString()); // 年月日 : 2017/9/19
console.log(date.toTimeString()); // 外国人喜欢看的方式: 08:54:04 GMT+0800 (中国标准时间)
console.log(date.toLocaleTimeString()); //国内喜欢看的方式: 上午8:54:04
看到这里是不是觉得太多而且类似不好记,其实并不用全部记住,只要记住new Date()就行,其他的等用到的时候看看就行。下面我们就这个方法展开:
1.注意:在用new Date()创建对象的时候传入的是2016,10,1,而打印的结果是11月,这是因为日期格式的月份是从0开始的,10自然就代表11月了。
var date = new Date(2016,10,1);
console.log(date); // Tue Nov 01 2016 00:00:00 GMT+0800 (中国标准时间)
2.看看这次传入的对象,估计很多人已然会觉得会打印11月,如果这样想你就错了,这里传入的是字符串,与上面的不一样,该方法会将字符串中的内容转化成相应的月份。要注意与上面的分开哦
var date = new Date("2016-10-1"); //正常的输出 10月1号
console.log(date); // Sat Oct 01 2016 00:00:00 GMT+0800 (中国标准时间)
3.现在我们来聊聊时间戳,别被这个名词给忽悠住了,其实他就是时间的毫秒形式,也就是从格林威治时间到现在的毫秒数
下面5种方法都可以得到时间戳,估计很多人不乐意了,这怎么记得住,没关系,只要记住常用的就行。如:Date.now() 和 new Date("1970-1-1").getTime(),一个是当前时间,一个是任意时间
var date = Date.parse("2016-10-1");
var date = new Date("1970-1-1 0:0:0").getTime() // 注意打印这个结果是-28800000,刚好偏差了8小时,要注意时区的概念,背景时间应该是1970.1.1 8;00才为0的
console.log(date);//1475251200000 13位的毫秒形式 1970 1 1 00:00:00:000
// 日期的本质就是13位的毫秒数字 这样的好处是为了便于计算
var date = +new Date(); // 获取当前的13位数字表示的时间
console.log(date); //
var date = Date.now(); //HTML5扩展的 IE9+
console.log(date); //
var date = new Date();
console.log(date.valueOf());//打印对象的原来的值,其实就是13位的数字 1505784077460
获取日期时间的指定部分,同时和他们对应的还有相应的set方法
/**
getTime() 返回毫秒数和valueOf()结果一样
getMilliseconds()
getSeconds() 返回0-59
getMinutes() 返回0-59
getHours() 返回0-23
getDay() 返回星期几 0周日 6周6
getDate() 返回当前月的第几天,当月的几号
getMonth() 返回月份,从0开始
getFullYear() 返回4位的年份 如 2016 */
var date = new Date();
console.log(date.getTime()); // 和valueOf的效果是一样的,用来获取13位的毫秒数字
console.log(date.getMilliseconds());
console.log(date.getSeconds());
console.log(date.getMinutes());
console.log(date.getHours());
console.log(date.getDay()); // 星期几 周 礼拜几
console.log(date.getDate()); // 当前月份的第几天 几号
console.log(date.getMonth()); //显示的是1,因为这里也是从0开始
console.log(date.getFullYear());
熟悉这些API后,让我们封装一个常见的日期格式函数来练练手吧(非常常见的笔试题目哦,看到了就是赚到了)
function getDate(date) {
var year = date.getFullYear();
var month = date.getMonth() + 1; // 月份是从0开始
var day = date.getDate();//获取的是当月的几号
var hour = date.getHours();
var min = date.getMinutes();
var sec = date.getSeconds();
month = month < 10 ? "0" + month : month;
day = day < 10 ? "0" + day : day;
hour = hour < 10 ? "0" + hour : hour;
min = min < 10 ? "0" + min : min;
sec = sec < 10 ? "0" + sec : sec;
var str = year + "-" + month + "-" + day + " " + hour + ":" + min + ":" + sec;
console.log(str);
}
var date = new Date();
getDate(date); // 把创建的date作为参数传进来
最后再来看看一个关于日期时间的bug。万恶的IE一直是前端学习的噩梦,各种兼容,今天的主角依然是他。以往的兼容是由于IE的版本比价底的缘故,这也难怪,早期的他并没有想的那么全面。可是这个bug知道IE11都还有,我就不知道该说什么了,
可能某些人存在店大欺客的味道,就象ICBC(爱存不存)一样,你爱用不用。那我们就来看看是什么,以及怎么解决吧!
在IE11之前(包括IE11,但是edge是可以识别的)都是不识别这种横杠模式的时间,如:new Date("1970-1-1 0:0:0"),一定要转化成斜杠才能识别new Date("1970/1/1 0:0:0"),因此在使用前必须通过正则去替换:replace(new RegExp("-","gm"),"/");,
看完后,是不是对这些API思路更清晰了
Date日期时间相关的更多相关文章
- jdbc 日期时间相关的类型
jdbc 日期时间相关的类型 1.sql.Date sql包中的日期类Date是util包中Date类的子类,实际上也是util.Date类的子集.它只处理年月日,而忽略小时和分秒,用以代表SQL的D ...
- T-SQL: 17 个与日期时间相关的自定义函数(UDF),周日作为周的最后一天,均不受 @@DateFirst、语言版本影响!
原文:T-SQL: 17 个与日期时间相关的自定义函数(UDF),周日作为周的最后一天,均不受 @@DateFirst.语言版本影响! CSDN 的 Blog 太滥了!无时不刻地在坏! 开始抢救性搬家 ...
- Java_日期时间相关类
目录 Date类(java.util.date) Calendar类(java.util.Calendar) SimpleDateFormat类(java.text.SimpleDateFormat) ...
- android内部培训视频_第三节(3)_常用控件(ViewPager、日期时间相关、ListView)
第三节(2):常用控件之ViewPager.日期时间相关.ListView 一.ViewPager 实例:结合PagerAdapter滑动切换图片 二.日期时间相关:AnalogClock\Dig ...
- js中转换Date日期格式
在javascript中直接输出Date得到的结果是这样的: function date(){ var date = new Date(); alert(date); } 结果是:Mon Jun 15 ...
- js动态获取当前系统时间+js字符串转换为date日期对象
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...
- JavaScript的内置对象(Date日期+string字符串)基础语法总结
1.Date日期对象可以储存任意一个日期,并且可以精确到毫秒数(1/1000 秒). 1)定义一个时间对象 : var Udate=new Date(); //注意:使用关键字new,Date()的首 ...
- JS 中 原生方法 (三) --- Date 日期
本文也说主要阐释了 Javascript 中的基础类型和 引用类型的自带方法,那么熟悉的同学又可以绕道了 总是绕道,真是羞耻悳boy 当然 本文阐述的主要类容 from MDN ( zh-cn ) D ...
- SpringMVC解决@ResponseBody返回Json的Date日期类型的转换问题
在做项目的时候,发现后台把Date类型的属性以json字符串的形式返回,前台拿不到转换后的日期格式,始终响应回去的都是long类型时间戳. 查阅资料之后找到解决方法: 方法一(在springmvc的x ...
随机推荐
- python三种导入模块的方法和区别
方法一: import modname 模块是指一个可以交互使用,或者从另一Python 程序访问的代码段.只要导入了一个模块,就可以引用它的任何公共的函数.类或属性.模块可以通过这种方法来 使用其它 ...
- 【风马一族_php】PHP运算
运算 算术运算符 <?php //加法 $num1 = 10; $num2 = 43; echo $num1 + $num2; echo " "; var_dump($num ...
- 通过在__init__.py中定义__all__变量,来简化from*import*的书写
下图是一个带被引入使用的包的结构,包名比较长,给书写from*import*带来很多麻烦 为了解决麻烦,在__init__.py编写了如下内容 from .httputil import HTTPUt ...
- day25 CMDB(1)
CMDB项目介绍 参考地址: http://www.cnblogs.com/wupeiqi/articles/4556300.html http://www.cnblogs.com/wupeiqi/a ...
- python 异常处理技巧
- C++复制初始化的限制
相比于直接初始化,复制初始化有更加严格的限制. 1:在复制初始化时,不能使用声明为explicit的构造函数进行的隐式转换.而直接初始化则是允许的: struct Exp { explicit Exp ...
- 【NS2】各种TCP版本 之 TCP Tahoe 和 TCP Reno(转载)
实验目的 学习TCP的拥塞控制机制,并了解TCP Tahoe 和 TCP Reno的运行方式. 基础知识回顾 TCP/IP (Transmission Control Protocol/Interne ...
- spingboot项目在windows环境中运行时接收参数及日志中文乱码
1.logback.xml配置 appender中添加 <param name="Encoding" value="UTF-8" /> <co ...
- 根据花瓶的侧面投影图,用Matlab绘制花瓶的三维立体图
现有一花瓶侧面投影如图 问题: 1) 做出该花瓶三维立体图: 2) 计算其表面积: 计算其体积. 第一次参加数学建模,从来没有接触过Matlab语言,一上来就碰到这种数字图像处理的问题就 ...
- Python基础:22__slots__类属性
1:工厂函数 由于类型和类的统一,因而可以子类化Python数据类型.但是所有的Python 内建的转换函数现在都是工厂函数.当这些函数被调用时,你实际上是对相应的类型进行实例化.比如下面的函数都已经 ...