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

说明

简单介绍下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);
1
2
3
4

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

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

设置时间
如果需要把当前时间加上一个小时，代码如下：

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

时间格式化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;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14

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

总结

有关w3schools对JS中Date的API介绍。
英文网址www.w3schools.com
中文网址www.w3schools.com.cn
首选推荐英文的，因为英文网址包括JS，SQL在内等基本知识都可以在线练习，中文网站只是静态的，不可以在线练习。