好程序员web前端教程分享Date对象

忘是亡心i 2022-01-12 04:27 303阅读 0赞

好程序员web前端教程分享Date对象，什么是Date对象一个内置对象Date：

类型使用自 UTC（Coordinated Universal Time，国际协调时间）1970 年 1 月 1 日午夜（零时）开始经过的毫秒数来保存日期。Date 类型保存的日期能够精确到 1970 年 1 月 1日之前或之后的 285616 年。

Date对象怎么用那？

首先你要获得Date对象

得到微-信；

var d=new Date( );

在生成日期对象的时候，不传递任何参数默认返回当前时间；

var d=new Date( '2015/12/2');

在传入参数的情况下，获得的是传入的时间；

注：这个参数是字符串形式。

一些方法：

1.d.getFullYear() 获取当前的年份。|| d.setFullYear(2012) 返回1970年1月1日到设定时间毫秒数；

2.d.getMonth() 获取当前的月份（注：一个小BUG，当前的月份从0开始）||d.setMonth(9)返回1970年1月1日到当前年份的设定月份的毫秒数；

3.d.getDate()获取当前的日期 ||d.setDate() 同上；

4. getHours() 获取时

getMinutes() 获取分钟

getSeconds() 获取秒

各个机器获取的时间不同，因为该方法返回的是本机的时间；并不是国际标准时间；

5.日期的修改；

Date.parse("2015-08-24")；获取1970年到设定时间的毫秒数；

d.getTime()；获取1970年到当前时间的毫秒数；

d.setTime()

new Date(time)

创建一个日期对象，并指定时间 可以指定毫秒数

或者修改time属性， var d = new Date(); d.setTime(56521211021);

案例：

1.将日期格式化

<!doctype html>

<head>

<title>Document</title>

</head>

<body>

</body>

function geshihua() \{

var d = new Date();

var year = d.getFullYear();

var Month = d.getMonth() + 1;

var day = d.getDate();

var str = '当前时间是：' + year + '年' + Month + '月' + day + '日'

document.write(str);

geshihua()

</script>

</html>

1.  获取某个月的天数：

<!doctype html>

<head>

<title>Document</title>

function days(year, month) \{

var str = year + '/' + month + '/1';

var d = new Date(str);

var Month = d.getMonth();

var MonthMin = d.setMonth(Month);

var MonthMin2 = d.setMonth(Month + 1);

var MonthDay = MonthMin2 - MonthMin

alert(MonthDay / 24 / 60 / 60 / 1000)

days('2014', '2')

</script>

</head>

<body>

</body>

</html>

1.  .计算日期差值

<!doctype html>

<head>

<title>Document</title>

<style>

.btn\{

background:none;

border: 1px solid \#b6b6b6;

display: block;

height: 40px;

margin: 40px auto;

</style>

</head>

<body>

<input type="text" placeholder='起始日'>||

</div>

</body>

function jisuanriqi() \{

var oDiv = document.getElementById('div1');

var aInput = oDiv.getElementsByTagName('input');

var qishiArr = \[\];

var zhongzhiArr = \[\];

for (var i = 0; i < aInput.length; i++) \{

if (i < 3) \{

qishiArr\[i\] = aInput\[i\].value;

\} else \{

zhongzhiArr\[i\] = aInput\[i\].value;

var str1 = qishiArr.join('/');

var str2 = zhongzhiArr.join('/');

var d1 = new Date(str1);

var d2 = new Date(str2);

alert(d1 + ":" + d2)

var days = Math.abs(d1.getTime() - d2.getTime()) / 1000 / 24 / 60 / 60;

alert(days)

</script>

</html>

转载于:https://juejin.im/post/5d0b40d75188252ea55fe86e

好程序员web前端教程分享Date对象

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关好程序员web前端教程分享js reduce方法使用教程

相关好程序员web前端分享JavaScript学习指南

相关好程序员Web前端分享前端CSS篇

相关好程序员web前端分享javascript枚举算法

相关好程序员web前端技术分享css盒模型

相关好程序员web前端教程分享js文件引用编码方式

相关好程序员web前端教程之前端模块化开发

相关好程序员web前端教程分享Date对象

相关好程序员web前端分享css初始化代码

相关好程序员web前端教程：Math函数