如何通過單擊按鈕將日期和時間插入輸入字段

Question

我需要一個腳本，通過單擊按鈕將當前日期和時間插入輸入字段？ 任何人都可以向我推薦一個腳本嗎？

我更喜歡 jquery 或 ajax 或 javascript。

非常感謝。

Answer 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 示例。

Answer 2

一個簡單的實現：

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

Answer 3

這樣的事情應該可以解決問題：

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

Answer 4

對於 JavaScript，您可以使用日期 object。要在單擊按鈕時更改輸入的值，您可以這樣做：

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

或者，如果您只想使用部分日期或以其他方式格式化它，您可以使用date.getDate() 、 date.getFullYear()等函數獲取 object 的特定屬性，並替換date.toString()與你想要的任何格式。 在https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date有完整的 Date 對象方法列表