当前位置：网站首页 > 创业 > 正文

JavaScript如何获取当前日期

张子豪 2025-10-12 00:11 1

JavaScript若何获取当前日期？获取当前日期的方式很简单，以下是获取当前日期的步调：

1.new Date建立时候对象；

2.利用getFullYear获取当前的年份；

3.利用getMonth获取当前的月份；

4.利用getDate获取当天时候。

接下来会经由过程一个案例演示若何获取当天的时候。

方式/步调

1
打开前端编纂软件，新建一个html文件。
2
在代码页面上建立一个点击按钮，然后给这个按钮添加一个获取当前时候的getTime方式，点击该按钮就会触发getTime方式。如图
建立按钮代码：
<input type="button" value="当前时候" onclick="getTime()">
3
找到<title>标签，在这个标签后面新建一个<scrtip>标签，然后在<script>标签里建立获取时候的getTime函数，最后利用new Date获取当前的时候。如图：
对应代码：
<script type="text/javascript">
function getTime(){ var date = new Date(); //建立时候对象
}
</script>
4
在getTime函数中利用getFullYear()获取当前的年份；利用getMonth()获取当前的月份；利用getDay()获取当前日期。如图
代码：
var year = date.getFullYear(); //获取年 var month = date.getMonth()+1;//获取月 var day = date.getDate(); //获取当日
5
把获取到的年、月、日组合为想要的时候格局，然后利用alert弹出。如图
代码：
var time = year+"-"+month+"-"+day; //组应时间 alert("当前日期："+time);
6
保留html代码页面，利用浏览器打开，点击获取时候按钮，即可看到alert弹出框显示当前日期。
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>