JavaScript格式化日期时间

一时失言乱红尘 2022-09-04 04:46 237阅读 0赞

***[点此查看全部文字教程、视频教程、源代码][Link 1]***

### 本文目录 ###

*  1. 前言
 *  2. 格式化日期时间
 *  3. 封装为函数
 *  4. 小结

# 1. 前言 #

在前端获取当前日期、时间应该是高频使用场景了，但是JS提供的默认时间的格式往往不符合我们的需求，所以本文简单描述下JS下如何获取格式化的日期时间。

# 2. 格式化日期时间 #

看如下代码：

var date = new Date();
    var year= date.getFullYear();
    var month = date.getMonth() + 1;
    var day = date.getDate();
    var hour = date.getHours();
    var minute = date.getMinutes();
    var second = date.getSeconds();
    console.log([year, '-', month , '-', day].join(''));
    console.log([year, '-', month , '-', day, ' ', hour , ':', minute, ':', second ].join(''));

通过`new Date()`即可获取当前时间，然后通过getFullYear等方法可以获取年月日、时分秒信息。

此处需要注意月份取值是0-11，所以需要加1才能转换为1-12月份。

最后我们输出常见的日期、日期时间的格式化字符串，一般来说日期使用`-`分割，时间使用`:`分割。

# 3. 封装为函数 #

也可以将获取格式化日期、格式化时间封装为函数。

function getFormatDate(){
        
       var date = new Date();
       var year= date.getFullYear();
       var month = date.getMonth() + 1;
       var day = date.getDate();
       return [year, '-', month , '-', day].join('');
    }

function getFormatDateTime(){
        
    	var date = new Date();
    	var year= date.getFullYear();
    	var month = date.getMonth() + 1;
    	var day = date.getDate();
    	var hour = date.getHours();
    	var minute = date.getMinutes();
    	var second = date.getSeconds();
    	return [year, '-', month , '-', day, ' ', hour , ':', minute, ':', second ].join('');
    }

# 4. 小结 #

注意JavaScript获取的日期时间是依赖于客户端的，有时候还需要在服务端进行下时间处理，毕竟服务端的时间我们是能保证相应的正确性的，而客户端嘛，更多的是讲究方便。

[Link 1]: https://studyingpanda.blog.csdn.net/article/details/105329926