如何通过单击按钮将日期和时间插入输入字段答案

【问题标题】：How can I Insert date and time into input field via a button click如何通过单击按钮将日期和时间插入输入字段
【发布时间】：2012-04-23 07:00:02
【问题描述】：

我需要一个脚本，通过单击按钮在输入字段中插入当前日期和时间？谁能给我推荐一个脚本？

我更喜欢 jquery 或 ajax 或 javascript。

非常感谢。

【问题讨论】：

我认为他的意思是 html/javascript
我更喜欢 jquery 或 ajax 或 javascript。
Javascript（技术上是 ECMAScript）是一种语言； jQuery 是一个建立在该语言之上的工具包； AJAX 是一种技术，而不是一种语言或工具包。这不是真正的 X 或 Y 或 Z 情况。

标签： javascript jquery forms date time

【解决方案1】：

jQuery:

$(
    function(){

        $('#time').click(function(){
                  var time = new Date();                
                  $('#time-holder').val(time.toDateString());  
        });

    }
);

HTML：

<input type="text" value="" id="time-holder">
<input type="button" value="time" name="timer" id="time">

这是jsFiddle example。

【讨论】：

【解决方案2】：

使用 JavaScript，您可以使用 Date 对象。要在单击按钮时更改输入值，您可以执行以下操作：

document.getElementById("buttonId").onclick = function() {
     var date = new Date();
     document.getElementById("inputId").value = date.toString();
};

或者，如果您只想使用部分日期或以其他方式对其进行格式化，您可以通过date.getDate()、date.getFullYear()等函数获取对象的具体属性，并替换date.toString()任何你想要的格式。在 https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date

处有 Date 对象方法的完整列表

【讨论】：

请不要引用w3schools，或者引用ECMA-262，或者，如果需要示例，请不要引用MDN 上JavaScript reference 的相关部分。请注意，MDN 适用于 JavaScript，它对标准 ECMAScript 进行了许多扩展，但在适用的情况下也有相关标准的链接。
补充 RobG 的评论，w3schools 经常有不完整或完全不正确的信息，以及不好的例子。 Rob 指向 w3fools.com 的链接解释了更多信息。

【解决方案3】：

一个简单的实现：

<form>
  <input name="theDate" size="50">
  <input type="button" value="Insert date" onclick="
    this.form.theDate.value = new Date();
  ">
</form>

【讨论】：

【解决方案4】：

这样的事情应该可以解决问题：

 $('#yourButtonId').click(function() {
       var now = new Date();
       $('#yourInputId').val(now.toDateString());
 });

【讨论】：