2012-04-10 70 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> 
相关问题