Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/409.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在HTML页面上显示日期?_Javascript_Html_Date - Fatal编程技术网

Javascript 如何在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页面显示我的日期:

<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)同步调用。