JavaScript时间格式转换;js时间格式转换

作者:追风筝的人 | 创建时间: 2023-05-16
在开发过程中,使用JavaScript获取的时间和平时所看到的时间格式是不一样的,为了能显示给用户看到常用的时间,需要使用JavaScript把时间格式转换为常用的时间格式。JavaScript提供了一个获取当前年、月、日的方法,只需要通过...
JavaScript时间格式转换;js时间格式转换

操作方法

打开html开发工具,新建一个html代码页面,然后创建一个<script>标签用于编写时间格式函数。

获取当前时间。在<scirpt>标签里面,使用new Date()获取当前时间,然后创建一个函数为formatDate(),在formatDate里使用getFullYear()方法获取当前年份。 代码: var time = new Date(); //获取时间 function formatDate(date){ //设置时间转换格式 var y = date.getFullYear();  //获取年 }

使用getMonth()方法获取当前月份,并判断月份是否大于10。( 注意:getMonth()获取的月份默认从0开始,所以需要先加上1再判断) 代码: var m = date.getMonth() + 1;  //获取月 m = m < 10 ? '0' + m : m;  //判断月是否大于10

获取当前日期,同时判断日期是否大于10。 代码: var d = date.getDate();  //获取日 d = d < 10 ? ('0' + d) : d;  //判断日期是否大10

返回时间格式。在formatDate函数中使用return 返回需要的时间格式。 代码: return y + '-' + m + '-' + d;  //返回时间格式

调用formatDate函数,使用document.write()打印出时间格式。 代码:document.write(formatDate(time))

保存html代码,然后使用浏览器打开,即可在浏览器页面上看到写好的时间格式。

所有代码。可以直接复制所有代码,到新建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>

点击展开全文

更多推荐