JavaScript时间格式转换;js时间格式转换
在开发过程中，使用JavaScript获取的时间和平时所看到的时间格式是不一样的，为了能显示给用户看到常用的时间，需要使用JavaScript把时间格式转换为常用的时间格式。JavaScript提供了一个获取当前年、月、日的方法，只需要通过JavaScript方法获取时间，然后把时间组合为想要的时间格式，在返回即可。
JavaScript代码：
function formatDate(date){ //设置时间转换格式
var y = date.getFullYear(); //获取年
var m = date.getMonth() + 1; //获取月
m = m < 10 ? '0' + m : m; //判断月是否大于10
var d = date.getDate(); //获取日
d = d < 10 ? ('0' + d) : d; //判断日期是否大10
return y + '-' + m + '-' + d; //返回时间格式
}
操作方法
- 01
打开html开发工具，新建一个html代码页面，然后创建一个<script>标签用于编写时间格式函数。
- 02
获取当前时间。在<scirpt>标签里面，使用new Date()获取当前时间，然后创建一个函数为formatDate(),在formatDate里使用getFullYear()方法获取当前年份。 代码： var time = new Date(); //获取时间 function formatDate(date){ //设置时间转换格式 var y = date.getFullYear(); //获取年 }
- 03
使用getMonth()方法获取当前月份，并判断月份是否大于10。（ 注意：getMonth()获取的月份默认从0开始，所以需要先加上1再判断） 代码: var m = date.getMonth() + 1; //获取月 m = m < 10 ? '0' + m : m; //判断月是否大于10
- 04
获取当前日期，同时判断日期是否大于10。 代码： var d = date.getDate(); //获取日 d = d < 10 ? ('0' + d) : d; //判断日期是否大10
- 05
返回时间格式。在formatDate函数中使用return 返回需要的时间格式。 代码： return y + '-' + m + '-' + d; //返回时间格式
- 06
调用formatDate函数，使用document.write()打印出时间格式。 代码：document.write(formatDate(time))
- 07
保存html代码，然后使用浏览器打开，即可在浏览器页面上看到写好的时间格式。
- 08
所有代码。可以直接复制所有代码，到新建html页面粘贴保存后即可看到效果。 所有代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> var time = new Date(); //获取时间 function formatDate(date){ //设置时间转换格式 var y = date.getFullYear(); //获取年 var m = date.getMonth() + 1; //获取月 m = m < 10 ? '0' + m : m; //判断月是否大于10 var d = date.getDate(); //获取日 d = d < 10 ? ('0' + d) : d; //判断日期是否大10 return y + '-' + m + '-' + d; //返回时间格式 } document.write(formatDate(time)) </script> </head> <body> </body> </html>