操作方法
打开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>