Javascript 如何在HTML页面上显示日期?
我有以下代码,希望通过HTML页面显示我的日期:Javascript 如何在HTML页面上显示日期?,javascript,html,date,Javascript,Html,Date,我有以下代码,希望通过HTML页面显示我的日期: <html> <p>Today's Date:</p><text id = "dateHere"></text> </html> 我希望页面上的日期显示为mm/dd/yyyy,但没有显示任何内容。我甚至检查了控制台,但没有看到出现错误。我遗漏了什么吗?您可以使用下面的toLocaleDateString()函数实现同样的功能 let date =
<html>
<p>Today's Date:</p><text id = "dateHere"></text>
</html>
我希望页面上的日期显示为mm/dd/yyyy,但没有显示任何内容。我甚至检查了控制台,但没有看到出现错误。我遗漏了什么吗?您可以使用下面的
toLocaleDateString()
函数实现同样的功能
let date = new Date().toLocaleDateString('en-US');
“en-US”选项返回相同的格式mm/dd/yyyy您可以使用以下函数实现相同的功能
let date = new Date().toLocaleDateString('en-US');
“en-US”选项首先返回相同的格式mm/dd/yyyy:您需要检查Html文件是否与JS文件链接在一起 第二步:确保调用了date()函数才能工作
最佳实践:由于您今天没有对变量执行任何操作,所以只需将其删除,并将逻辑作为代码中的普通行,因为您以后不需要在代码中的其他地方使用今天的日期,所以不要先声明一个变量来保存它:您需要检查Html文件是否与JS链接文件 第二步:确保调用了date()函数才能工作
最佳实践:由于您今天没有对变量执行任何操作,因此只需删除它,并将逻辑作为代码中的普通行,因为您不需要在以后的代码中的其他地方使用今天的日期,所以不必声明一个变量来保存它,您必须在JavaScript开始时调用函数
日期
,像这样:
theDate();
function theDate() {
var date = new Date();
var months = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
var currentDate = date.getDate();
var month = months[date.getMonth()];
var year = date.getFullYear();
var todaysDate = document.getElementById("dateHere").innerHTML = month + "/" +
currentDate + "/" + year;
}
<body>
<p>Today's Date:</p><text id="dateHere"></text>
<script src="script.js"></script>
</body>
</html>
不要忘记调用html
的正文中的JavaScript文件,如下所示:
theDate();
function theDate() {
var date = new Date();
var months = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
var currentDate = date.getDate();
var month = months[date.getMonth()];
var year = date.getFullYear();
var todaysDate = document.getElementById("dateHere").innerHTML = month + "/" +
currentDate + "/" + year;
}
<body>
<p>Today's Date:</p><text id="dateHere"></text>
<script src="script.js"></script>
</body>
</html>
今日日期:
您必须在JavaScript开头调用函数日期,如下所示:
theDate();
function theDate() {
var date = new Date();
var months = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
var currentDate = date.getDate();
var month = months[date.getMonth()];
var year = date.getFullYear();
var todaysDate = document.getElementById("dateHere").innerHTML = month + "/" +
currentDate + "/" + year;
}
<body>
<p>Today's Date:</p><text id="dateHere"></text>
<script src="script.js"></script>
</body>
</html>
不要忘记调用html
的正文中的JavaScript文件,如下所示:
theDate();
function theDate() {
var date = new Date();
var months = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
var currentDate = date.getDate();
var month = months[date.getMonth()];
var year = date.getFullYear();
var todaysDate = document.getElementById("dateHere").innerHTML = month + "/" +
currentDate + "/" + year;
}
<body>
<p>Today's Date:</p><text id="dateHere"></text>
<script src="script.js"></script>
</body>
</html>
今日日期:
您的函数按照您的格式返回时间,我想问题在于它插入id的方式
<html>
<body>
<p>Today's Date:</p><span id="dateHere"></span>
<script>
function theDate() {
var date = new Date();
var currentDate = date.getDate();
var month = months[date.getMonth()];
var year = date.getFullYear();
var todaysDate = document.getElementById("dateHere").innerHTML = month + "/" + currentDate + "/" + year;
}
theDate()
</script>
</html>
今日日期:
函数theDate(){
变量日期=新日期();
var currentDate=date.getDate();
var月=月[date.getMonth()];
var year=date.getFullYear();
var todaysDate=document.getElementById(“dateHere”).innerHTML=month+“/”+currentDate+“/”+year;
}
日期()
您的函数按照您的格式返回时间,我想问题在于它插入id的方式
<html>
<body>
<p>Today's Date:</p><span id="dateHere"></span>
<script>
function theDate() {
var date = new Date();
var currentDate = date.getDate();
var month = months[date.getMonth()];
var year = date.getFullYear();
var todaysDate = document.getElementById("dateHere").innerHTML = month + "/" + currentDate + "/" + year;
}
theDate()
</script>
</html>
今日日期:
函数theDate(){
变量日期=新日期();
var currentDate=date.getDate();
var月=月[date.getMonth()];
var year=date.getFullYear();
var todaysDate=document.getElementById(“dateHere”).innerHTML=month+“/”+currentDate+“/”+year;
}
日期()
不是HTML标记。您可能需要
。还要确保实际调用了的date()
函数。您是否希望以看到日期的人期望的格式显示日期,对于美国以外的观众?假设脚本在document.ready
之前运行,并且在这里找不到#dateHere
@AndrewMorton不,这只是我的个人项目
不是HTML标记。您可能需要
。还要确保实际调用了的date()
函数。您是否希望以看到日期的人期望的格式显示日期,对于美国以外的观众?假设脚本在文档准备就绪之前运行,并且找不到#dateHere
@AndrewMorton不,这只是我的个人项目,目的是为了整洁和可预测的结果,该函数应在页面加载后调用,而不是通过页面级事件(如onload)同步调用。为了整洁和可预测的结果,应在页面加载后调用该函数,而不是通过页面级事件(如onload)同步调用。