您的位置:首页 > Web前端 > JavaScript

JavaScript中Date对象与格式化时间输出

2017-07-12 17:23 417 查看

说明

简单介绍下JS中的Date对象,然后利用Date的API实现时间格式化输出。

Date简单介绍

Date是JS中时间对象。

构造函数有4种,分别如下:

var d = new Date();//无参
var d = new Date(milliseconds);//long型参数
var d = new Date(dateString);//String已有格式的参数
var d = new Date(year, month, day, hours, minutes, seconds, milliseconds);


Date对象的API也比较丰富,例如

getDate();//返回这个时间对象在本月的日期号
getMonth();//返回时间对象的月份,注意月份是从0~11的
setFullYear();//设置年份,通常有改变Date对象值的时候
setHours();//设置小时,
...


设置时间

如果需要把当前时间加上一个小时,代码如下:

var date = new Date();
date.setHours(date.getHours()+1);
//这里,不需要担心如果时间是晚上23点,小时+1后的变化问题,Date对象会自动在天数上加一,并将小时设置为0。


时间格式化JS代码

利用Date的API得到年份,月份,天号,时,分,秒,然后字符拼接输出。

function getAllDateTime(date) {
var date = new Date();
console.log(date);
var str = date.getFullYear() + "-" + repairZero(date.getMonth()+1) + "-" + repairZero(date.getDate()) + " " + repairZero(date.getHours()) + ":" + repairZero(date.getMinutes()) + ":" + repairZero(date.getSeconds());
console.log(str);
alert(str);
}

function repairZero(num){
if(num < 10){
num = "0" + num;
}
return num;
}


这里有练习Demo:https://github.com/wayss000/PracticeCode/tree/master/JavaScript

总结

有关w3schools对JS中Date的API介绍

英文网址www.w3schools.com

中文网址www.w3schools.com.cn

首选推荐英文的,因为英文网址包括JS,SQL在内等基本知识都可以在线练习,中文网站只是静态的,不可以在线练习。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: