1

这是我的代码，我想在使用 onload 事件输入日期文本后在文本框中打印日期。

<!DOCTYPE html>
<html>
   <head>
      <script>
         function displayDate() {
            document.getElementById("fname").value = Date();
         }
      </script>
   </head>
   <body onload="displayDate()">
      Enter date: <input type="date" id="fname" readonly />
   </body>
</html>
4

3 回答 3

2

你必须

  • 正确创建Date对象（你错过了new）
  • 根据rfc3339 格式化（例如2012/12/30：）

改变

document.getElementById("fname").value = Date();

至

var now = new Date();
var formatedDate = now.getFullYear() + '-' + (now.getMonth() + 1) + '-' + now.getDate();​
document.getElementById("fname").value = formatedDate;

示范

请注意，某些浏览器接受其他格式，但 Chrome 不接受，因为它符合规范。

于 2012-12-30T17:29:17.910 回答
2

输入框的 value 属性是一个字符串，但是你的函数试图分配一个 Date 对象。您需要先将其转换为字符串。这是一些可以做到的代码：

<!DOCTYPE html>
<html>
   <head>
      <script>
         function displayDate() {
            var today=new Date();

            var date=today.toISOString().slice(0, -14);
            // Strip last 14 characters, ISO format is like
            // 2012-12-30T17:41:49.027Z but we want
            // 2012-12-30

            document.getElementById("fname").value=date;
         }
     </script>
   </head>
   <body onload="displayDate()">
      Enter date: <input type="date" id="fname" readonly>
   </body>
</html>
于 2012-12-30T17:35:02.543 回答
0

尝试这个：

function displayDate() {

   var now = new Date();

   var day = ("0" + now.getDate()).slice(-2);
   var month = ("0" + (now.getMonth() + 1)).slice(-2);
   var today = now.getFullYear() + "-" + (month) + "-" + (day);

   document.getElementById("fname").value = today;
}​

HTML5 中的日期控件接受年-月-日格式，而new Date()JavaScript 中的返回日期，例如：Sun Dec 30 2012 10:09:05 GMT+0230

看演示

于 2012-12-30T17:33:37.567 回答