如何在html的输入文本框中打印日期

Question

这是我的代码，我想在使用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>

Answer 1

你必须

正确创建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不接受其他格式，因为它符合规范。

Answer 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>

Answer 3

尝试这个：

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中的日期控件接受格式为Year - month - day，而JavaScript中的new Date()返回日期，例如： Sun Dec 30 2012 10:09:05 GMT + 0230

见演示

如何在html的输入文本框中打印日期

问题描述

3 个解决方案

解决方案1
2 已采纳 2012-12-30 17:29:17

解决方案2
2 2012-12-30 17:35:02

解决方案3
0 2012-12-30 17:33:37

如何在html的输入文本框中打印日期

问题描述

3 个解决方案

解决方案1 2 已采纳 2012-12-30 17:29:17

解决方案2 2 2012-12-30 17:35:02

解决方案3 0 2012-12-30 17:33:37

解决方案1
2 已采纳 2012-12-30 17:29:17

解决方案2
2 2012-12-30 17:35:02

解决方案3
0 2012-12-30 17:33:37