2012-04-10 194 views
1

我需要一個腳本,通過點擊按鈕將當前日期和時間插入到輸入字段中?任何人都可以引用我的腳本?如何通過點擊按鈕將日期和時間插入輸入字段

我更喜歡jQuery或ajax或JavaScript。

非常感謝。

+0

我想他的意思的HTML/JavaScript的 – joshuahealy 2012-04-10 23:48:59

+0

我更喜歡的jQuery或AJAX或JavaScript。 – Erik 2012-04-10 23:49:11

+0

Javascript(技術上ECMAScript)是一種語言; jQuery是一種基於該語言的工具包; AJAX是一種技術,而不是語言或工具包。這不是真的X或Y或Z情況。 – 2012-04-11 00:57:37

回答

3

的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

0

像這樣的東西應該做的伎倆:

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

使用JavaScript,您可以使用Date對象。要更改輸入的值,當你點擊一個按鈕,你可以做這樣的事情:

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

或者,如果你只是想使用日期的一部分,或將其格式化另一種方式,你可以得到特定的該對象的屬性的功能類似於date.getDate(),date.getFullYear()等,並用任何您想要的格式替換date.toString()。還有的Date對象的方法在https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date

+1

請不要參考[w3schools](http://w3fools.com/),無論是參考[ECMA-262](http://es5.github.com/),或者如果需要示例,相關部分MDN處的[JavaScript參考](https://developer.mozilla.org/en/JavaScript/Reference)。請注意,MDN適用於JavaScript,它具有許多標準ECMAScript擴展,但也適用於相關標準的鏈接。 – RobG 2012-04-11 00:18:35

+0

要添加到RobG的評論,w3schools往往有不完整或完全不正確的信息,以及不好的例子。 Rob與w3fools.com的鏈接解釋更多。 – 2012-04-11 00:54:28

2

的簡單實現一個完整的列表:

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