JavaScript格式化日期时间

简介: 本文目录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('');
}
1
2
3
4
5
6
7
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获取的日期时间是依赖于客户端的,有时候还需要在服务端进行下时间处理,毕竟服务端的时间我们是能保证相应的正确性的,而客户端嘛,更多的是讲究方便。
相关文章
|
1月前
|
JavaScript
JS设置日期为0时0分0秒
项目中经常要给设置默认值,搜索从哪天开始,这时候,如果直接通过new Date()来获取时间,会有时分秒,如果快速设置为0时0分0秒?
75 0
|
1月前
|
JavaScript
uni-app中关于格式化时间的js文件
uni-app中关于格式化时间的js文件
54 0
|
1月前
|
前端开发 JavaScript 算法
轻松实现数字格式化:JavaScript 中的千分位分隔技巧大揭秘
轻松实现数字格式化:JavaScript 中的千分位分隔技巧大揭秘
128 0
|
1月前
|
JavaScript 前端开发
javascript 如何判断字符串日期是否相差七天
在JavaScript中,你可以使用`Date`对象来比较两个日期之间的差异。下面是一个简单的示例,演示如何判断两个字符串日期是否相差七天: ```javascript function isSevenDaysDifference(date1, date2) { // 确保输入是字符串 if (typeof date1 !== 'string' || typeof date2 !== 'string') { return false; } // 将字符串转换为Date对象 var d1 = new Date(date1);
|
1月前
|
移动开发 JavaScript 前端开发
分享76个时间日期JS特效,总有一款适合您
分享76个时间日期JS特效,总有一款适合您
44 0
|
1月前
|
JavaScript 前端开发 UED
分享89个时间日期JS特效,总有一款适合您
分享89个时间日期JS特效,总有一款适合您
41 3
|
1月前
|
存储 前端开发 JavaScript
实现一个简单的JavaScript日期选择器
实现一个简单的JavaScript日期选择器
|
1月前
|
JavaScript 前端开发
实现一个JavaScript动态日期功能
实现一个JavaScript动态日期功能
|
1月前
|
JSON JavaScript 前端开发
设置WebStorm像VSCode一样每行代码结尾自动格式化加入“;”分号(JavaScript、TypeScript格式化)
设置WebStorm像VSCode一样每行代码结尾自动格式化加入“;”分号(JavaScript、TypeScript格式化)
|
7天前
|
JavaScript 前端开发
Notepad++如何格式化JS代码
Notepad++如何格式化JS代码
17 1