JavaScript如何获取当前日期

2025-10-24 05:32:07

1、打开前端编辑软件,新建一个html文件。

JavaScript如何获取当前日期

2、在代码页面上创建一个点击按钮,然后给这个按钮添加一个获取当前时间的getTime方法,点击该按钮就会触发getTime方法。如图

创建按钮代码:

<input type="button" value="当前时间" onclick="getTime()">

JavaScript如何获取当前日期

3、找到<title>标签,在这个标签后面新建一个<scrtip>标签,然后在<script>标签里创建获取时间的getTime函数,最后使用new Date获取当前的时间。如图:

对应代码:

<script type="text/javascript">

function getTime(){   var date = new Date(); //创建时间对象

}

</script>

JavaScript如何获取当前日期

4、在getTime函数中使用getFullYear()获取当前的年份;使用getMonth()获取当前的月份;使用getDay()获取当前日期。如图

代码:

var year = date.getFullYear(); //获取年 var month = date.getMonth()+1;//获取月  var day = date.getDate(); //获取当日

JavaScript如何获取当前日期

5、把获取到的年、月、日组合为想要的时间格式,然后使用alert弹出。如图

代码:

var time = year+"-"+month+"-"+day; //组合时间   alert("当前日期:"+time);

JavaScript如何获取当前日期

6、保存html代码页面,使用浏览器打开,点击获取时间按钮,即可看到alert弹出框显示当前日期。

JavaScript如何获取当前日期

7、所有代码。直接复制所有代码,粘贴到新建的html文件,保存后使用浏览器打开,点击获取时间按钮即可看到效果。

所有代码:

<!DOCTYPE html><html><head> <meta charset="UTF-8"> 

<title>获取当前时间</title> 

<script type="text/javascript">  

function getTime(){   

var date = new Date(); //创建时间对象  

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

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

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

var time = year+"-"+month+"-"+day; //组合时间  

alert("当前日期:"+time);  

} </script>

</head>

<body> 

<input type="button" value="当前时间" onclick="getTime()">

</body>

</html>

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