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

JS技能点--日期时间格式化相关推荐

js 时间戳与日期时间的相互转换
js 时间戳与日期时间的相互转换时间戳:指格林威治时间1970年01月01日00时00分00秒(北京时间1970年01月01日08时00分00秒)起至现在的总毫秒数. 1.获取时间戳 1)获取当前时 ...
Springboot 关于日期时间格式化处理方式总结
点击关注公众号,实用技术文章及时了解来源:juejin.im/post/5e62817fe51d4526d05962a2 项目中使用LocalDateTime系列作为DTO中时间的数据类型,但是Sp ...
java8日期时间格式化与解析
java8日期时间格式化与解析 1. 简述主要介绍LocalDateTime,ZonedDateTime的格式化及解析. 常见带日期时间格式: 字段名字段值 api格式 DateTimeForma ...
oracle中如何格式化输出,【学习笔记】数据库日期时间格式化输出案例
天萃荷净分享一篇关于开发DBA在工作中常用到的日期时间格式化输出方法案例,含:mysql.sql server.oracle 3种数据库日期时间格式化输出 1.mysql数据库时间格式化输出 DAT ...
react 日期怎么格式化_react中日期时间格式化
项目开发过程当中,总会遇到这样那样的时间格式化问题,那么在react中,日期时间格式化该怎么解决??react 一种是直接使用插件 moment,方便快捷完美的解决时间格式化问题:npm 另外一种是, ...
java yyyy-mm-dd 日期格式_Java中的日期时间格式化
原标题:Java中的日期时间格式化 1 Java日期时间格式化的概念我们在日常的开发过程中常常会碰到关于日期时间的计算与存储问题,比如我们要把一个当前时间类型转换成字符串类型,我们会直接使用Util ...
JS 的新一代日期/时间 API Temporal和 Moment.js的继承者
背景在前端Moment.js可以说是家喻户晓,目前在日期和时间的处理上仍然是使用最广泛的库.从2011年到现在Moment已经完成了它的使命,在技术发展到今天,JavaScript生态已经足够健全, ...
mysql 日期时间格式化字符串_MySQL日期函数与日期转换格式化函数大全
Mysql作为一款开元的免费关系型数据库,用户基础非常庞大,本文列出了MYSQL常用日期函数与日期转换格式化函数 1.DAYOFWEEK(date) SELECT DAYOFWEEK('2016-01 ...
收集几个js实现的日期时间控件
/**//** *大部分代码来自meizz的日历控件. *tiannet添加了时间选择功能.select,object标签隐藏功能,还有其它小功能. *使用方法: * (1)只选择日期 & ...
字符串格式化成时间格式_JAVA | 常用的日期/时间格式化方式
引言我们在开发过程中,在数据库中经常会看到beginTime.updateTime和endTime这些字段,这些可能是为了记录业务操作的某个时间.日期等信息.特此,总结一些在代码中常用的日期.时 ...

JS技能点--日期时间格式化

本文目录

1. 前言

2. 格式化日期时间

3. 封装为函数

4. 小结

JS技能点--日期时间格式化相关推荐

最新文章

热门文章