获取日期Javascript + HTML
获取日期Javascript + HTML
提问于 2018-10-23 01:32:08
所以我试图让我的日期显示在我的innerhtml中，但问题是我找不到为什么它不是这样间隔或显示的
我的代码JS代码是
function myFunction() {
// day of the month, day of the week month and year
var p = document.getElementById("mydata");
var mydate = new Date();
var day = mydate.getDay();
var month = mydate.getMonth();
var year = mydate.getYear();
var d = mydate.getDate();
var dayNames = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
p.innerHTML = "Today is the " + d + dayNames[day] + month + year;
}而html则是
<!DOCTYPE html>
<html lang="en">
<head>
<!-- link to external JS file. Note that <script> has an
end </script> tag -->
<meta charset="utf-8">
<title> Task 5 </title>
<link href="style.css" type="text/css" rel="stylesheet">
<script src="task5.js" type="text/javascript"></script>
</head>
<body>
<!-- Create a paragraph with id mydata -->
<div id="box">
<p id="mydata"> Todays Date</p>
<p> <button onclick="myFunction();"> Click </button></p>
</div>
</body>
</html>回答 4
Stack Overflow用户
发布于 2018-10-23 02:09:59
您应该将数字添加到月份和年份，如下所示：
function myFunction() {
var p = document.getElementById("mydata");
var mydate = new Date();
var day = mydate.getDay();
var month = mydate.getMonth() + 1;
var year = mydate.getYear() + 1900;
var d = mydate.getDate();
var dayNames = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
p.innerHTML = "Today is " + d + "(" + dayNames[day] + ")" + month + " " + year;
}Stack Overflow用户
发布于 2018-10-23 01:41:41
您的代码有两个问题。
- 年份是相对于1900年的，所以你需要把它加进去。
var year = mydate.getYear() +1900；
- 您需要显式添加空格和parentheses.p.innerHTML = "Today is“+d+”(“+ dayNamesday + ")”+ month +“”+ year;
Stack Overflow用户
发布于 2018-10-23 01:53:02
使用getFullYear作为年份，获取正确的月份名称并正确构建日期字符串。
function myFunction() {
// day of the month, day of the week month and year
var p = document.getElementById("mydata");
var mydate = new Date();
var day = mydate.getDay();
var month = mydate.getMonth();
var year = mydate.getFullYear();
var d = mydate.getDate();
var dayNames = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
var monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
var monthShortNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
p.innerHTML = "Today is the " + d + " (" + dayNames[day] + ") " + monthShortNames[month] + " " + year;
}<!-- Create a paragraph with id mydata -->
<div id="box">
<p id="mydata"> Todays Date</p>
<p> <button onclick="myFunction();"> Click </button></p>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52934755
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号