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

时间:2012-04-10 23:46:51

标签: javascript jquery forms date time

我需要一个脚本,通过点击按钮将当前日期和时间插入输入字段?任何人都可以将我推荐给剧本吗?

我更喜欢jquery或ajax或javascript。

非常感谢。

4 个答案:

答案 0 :(得分:4)

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

答案 1 :(得分:2)

一个简单的实现:

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

答案 2 :(得分:0)

这样的事情可以解决问题:

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

答案 3 :(得分:0)

使用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对象方法的完整列表