在 JavaScript 中将字符串转换为日期答案

【问题标题】：Converting String to Date in JavaScript在 JavaScript 中将字符串转换为日期
【发布时间】：2015-07-20 22:01:03
【问题描述】：

在 JavaScript 程序中，我必须以毫秒为单位获取日期，或者以 parse 方法识别的格式从用户获取日期作为文本框中的输入，然后单击按钮将其转换为 toString，然后单击第二个按钮获取日期。

我很困惑如何更正或完成此代码！

我的不完整代码是：

<html>
  <head>
    <title>Demonstration of Date object - Javascript</title>
  </head>
  <body topmargin="100px" leftmargin="130px">
    <p>
      <font size="4" color="navy" face="candara">Demonstration of using the Date object in JavaScript. Enter a Date as a number in milliseconds, or as a string in format recognized by the parse method.</font>
    </p>
    <form name="form1">
      <table>
        <tr>
          <td>Enter a Date:</td>
          <td><input type="text" name="txt1"></td>
        </tr>
      </table>
      <br>
      <table>
        <tr>
          <td>
            <input type="button" value="toString" onclick="tostring()">
            <p id="demo1">
          </td>
        </tr>
        <tr>
          <td>
            <input type="button" value="getDate" onclick="getdate()">
            <p id="demo2">
          </td>
        </tr>
        <tr>
          <td>
            <input type="button" value="getDay" onclick="getday()">
            <p id="demo3">
          </td>
        </tr>
        <tr>
          <td>
            <input type="button" value="toDateString" onclick="datestring()">
            <p id="demo4">
          </td>
        </tr>
        <tr>
          <td>
            <input type="button" value="getFullYear" onclick="getfullyear()">
            <p id="demo5">
          </td>
        </tr>
        <tr>
          <td>
            <input type="button" value="getMonth" onclick="getmonth()">
            <p id="demo6">
          </td>
        </tr>
        <tr>
          <td>
            <input type="button" value="getTime" onclick="gettime()">
            <p id="demo7">
          </td>
        </tr>
      </table>
    </form>
    <script type="text/javascript" language="javascript">
      function tostring() 
      {
      var d = new Date(document.form1.txt1.value);
      var n = d.toString();
      document.getElementById("demo1").innerHTML = n;
      }
    </script>
  </body>
</html>

【问题讨论】：

你还没有关闭你的<script>标签。
我已经添加了</script> 并缩进了您的代码 - 请在以后提出问题时尝试格式化您的代码，因为它使我们更容易阅读和发现问题。

标签： javascript date object tostring milliseconds

【解决方案1】：

可能的最短答案是：这可以通过多种方式进行优化，但距离工作不远。首先应该调用你的tostring() 函数。如果您的字段是文本输入，则应确保在 oninput 事件中调用它：

<input type="text" id="yourTextId" oninput="tostring()" />

如果您不希望它对每次更改都做出反应，您应该只在按钮的 onclick 事件上调用它。

你可以改进一些东西，例如：

tostring() 听起来像一个返回字符串的函数，但它不是，你只是在填充一个字段（它更像是一个方法）。 fillTime() 可能会更好。
尝试以一致的方式获取对元素的引用：document.form1.txt1.value 对我来说似乎很奇怪，因为您在下面使用了document.getElementById()。我个人会使用document.getElementById("txt1").value 来获取号码。
尝试让我们了解问题出在哪里。您是否正在运行此程序并出现错误？如果您按 F12 并阅读开发人员控制台，您可以在大多数浏览器中看到错误。此外，也许您可以在以后的帖子中格式化代码。

【讨论】：