Question

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Smart Hotel - Check In Report</title>
<link rel="stylesheet" type="text/css" href="xxxxindex.css"/>
<link rel="stylesheet" type="text/css" href="xxxxform.css"/>
<script>
window.onload = function()
{
defaultDate();
}
function defaultDate()
{
var today = new Date();
document.getElementById("displayDate").value = [today.getDate(), today.getMonth()+1,  .getFullYear()].join('/');}
</script>   
</head>
<body>
<div id="screen"> 
<div id="wrapper">
<div class="roundContainer" id="menuBar">
<?php include("./menu.php")?>
</div> <!-- topContainer -->
<div class="roundContainer" id="main">
<form action="" method="Post" onsubmit="return confirm('Are you sure you want to display Check Ins?')">
<div id="formWrapper">
<h3>Check In Report</h3>
<div class="textInput">
<fieldset>
<label for="date">Display Report Since: </label>                
<input type="date" id = "displayDate" style="cursor:pointer;" /><br>
</fieldset>
</div>          
<div class="subInput">
<fieldset>
<input type="reset" value="Clear" name="clearB" style="width: 90px;cursor:pointer;">
<input type="submit" value="Display" name="submitB" style="width: 90px;cursor:pointer;">
</fieldset>
</div></div></form></div> <!-- formWrapper --></div> <!-- mainContainer -->
</div> <!-- Wrapper -->
<div id="userMenu">
<?php include("./userMenu.php")?>
</div> <!-- userMenu -->
</div> <!-- Screen -->
</body>
</html>

我已经尝试了这么多组合，尝试了PhP函数并在输入中的值标签中回显，试过

onload ="defaultDate()"

在标签内部，但无论我做什么，我都一无所获，只是日期框中的正常dd / mm / yyyy。

我很感激任何帮助，我已经研究了之前给出的类似问题的所有答案，但没有一个真正起作用。

谢谢。

Answer 1

如果您没有特殊需求，则应在页面加载时启动该功能（使用window.onload）。我还编辑了一些功能，以dd / mm / yyyy格式显示日期。这是代码：

window.onload = function(){
    defaultDate()
};

function defaultDate()
{
var today = new Date();
document.getElementById("displayDate").value = [today.getDate(), today.getMonth()+1, .getFullYear()].join('/');
}

Answer 2

头部中的脚本在DOM准备好之前执行，因此displayDate不存在。

您有两种选择：
- 让你的代码等待DOM准备好 - 将您的脚本放在页面底部（更简单但更丑陋）

Answer 3

var d= new Date();
var year= d.getFullYear();
var month= d.getMonth();
var date=d.getDate();
var day= d.getDay();
var h= leftPad(d.getHours(), 2);
var m= leftPad(d.getMinutes(), 2);
var s= leftPad(d.getSeconds(), 2);
var time= (h%12==0?"12":h%12) + ":" + m + ":" + s + (h>11?" PM":" AM");
$("#date-time").html("Today is "+ mos[month] + " " + date + ", " + year + " (" + days[day] +")  + time);

窗口加载时，以html / php格式默认显示当前日期

3 个答案: