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

2025-10-06 04:48:19

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

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

2、获取当前时间。在<scirpt>标签里面,使用new Date()获取当前时间,然后创建一个函数为formatDate(),在formatDate里使用getFullYear()方法获取当前年份。

代码:

var time = new Date(); //获取时间

function formatDate(date){ //设置时间转换格式

var y = date.getFullYear();  //获取年

}

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

3、使用getMonth()方法获取当前月份,并判断月份是否大于10。(

注意:getMonth()获取的月份默认从0开始,所以需要先加上1再判断)

代码:

var m = date.getMonth() + 1;  //获取月

m = m < 10 ? '0' + m : m;  //判断月是否大于10

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

4、获取当前日期,同时判断日期是否大于10。

代码:

var d = date.getDate();  //获取日

 d = d < 10 ? ('0' + d) : d;  //判断日期是否大10

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

5、返回时间格式。在formatDate函数中使用return 返回需要的时间格式。

代码:

return y + '-' + m + '-' + d;  //返回时间格式

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

6、调用formatDate函数,使用document.write()打印出时间格式。

代码:document.write(formatDate(time))

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

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

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

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

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢