1、打开html开发工具，新建一个html代码页面，然后创建一个<script>标签用于编写时间格式函数。
2、获取当前时间。在<scirpt>标签里面，使用new Date()获取当前时间，然后创建一个函数为formatDate(),在formatDate里使用getFullYear()方法获取当前年份。
代码：
var time = new Date(); //获取时间
function formatDate(date){ //设置时间转换格式
var y = date.getFullYear(); //获取年
}
3、使用getMonth()方法获取当前月份，并判断月份是否大于10。（
注意：getMonth()获取的月份默认从0开始，所以需要先加上1再判断）
代码:
var m = date.getMonth() + 1; //获取月
m = m < 10 ? '0' + m : m; //判断月是否大于10
4、获取当前日期，同时判断日期是否大于10。
代码：
var d = date.getDate(); //获取日
d = d < 10 ? ('0' + d) : d; //判断日期是否大10
5、返回时间格式。在formatDate函数中使用return 返回需要的时间格式。
代码：
return y + '-' + m + '-' + d; //返回时间格式
6、调用formatDate函数，使用document.write()打印出时间格式。
代码：document.write(formatDate(time))
7、保存html代码，然后使用浏览器打开，即可在浏览器页面上看到写好的时间格式。
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>
