前端js日期格式转换

前后端接口处理时经常会遇到需要转换不同时间格式的情况,比如时间戳格式转换成正常日期显示来进行前端展示。
下面是分享我在项目中运用的日期格式转换的方法,不妥之处请指教~
DatePicker时间选择器代码:
前端js日期格式转换_第1张图片
DatePicker时间选择器样式:
前端js日期格式转换_第2张图片
在javascript中直接输出选择的两个Date得到的结果是这样的:
Sat Aug 01 2020 00:00:00 GMT+0800 (中国标准时间)
Thu Sep 03 2020 00:00:00 GMT+0800 (中国标准时间)
这可能不是我们所需要的,因此是需要转换下的
前端js日期格式转换_第3张图片
在控制台打印一下:
前端js日期格式转换_第4张图片
控制台效果:
前端js日期格式转换_第5张图片

总结:得到new Date()型中各个时间级别(年、月、日、时、分、秒)的数:
function getDate(){
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth()+1; //js从0开始取
var date1 = date.getDate();
var hour = date.getHours();
var minutes = date.getMinutes();
var second = date.getSeconds();
alert(date+" | "+year+“年”+month+“月”+date1+“日”+hour+“时”+minutes +“分”+second+“秒” );
}

得到的结果就是:Mon Jun 15 15:44:50 UTC+0800 2009 | 2009年6月15日15时44分50秒

你可能感兴趣的:(前端开发)