Javascript onclick 将文本放入文本字段答案

【问题标题】：Javascript onclick put text into an text fieldJavascript onclick 将文本放入文本字段
【发布时间】：2015-04-28 16:44:14
【问题描述】：

大家好，我的 onClick 事件没有将日期放入文本输入字段。

<input class="span2" id="datum" name="datum" type="date">
<button class="btn" type="button" onclick="datum()">Heute</button>

<script type="text/javascript">
function datum() {
    var datum = new Date();
    var tag = datum.getDate();
    var monat = datum.getMonth();
    var jahr = datum.getFullYear();
    var element = document.getElementById("datum");
    element.innerHTML = tag + "." + monat + "." + jahr;
}
</script>

【问题讨论】：

使用 .value 代替 innerHTML。还要在月份中添加一个。 JS 月份是从 0 开始的
你的意思是我需要在月份中添加一个？
另外，您需要根据输入的要求格式化日期字符串（即 yyyy-mm-dd）。
我怎么做这个？

标签： javascript twitter-bootstrap button input onclick

【解决方案1】：

使用.value 而不是.innerHTML。
尽量不要使用相同的名称、id和函数名
在月份中加一。 JS 月份是从 0 开始的。
用前导 0 填充正确的日期
将type=date 更改为type=text，因为您想使用不同的格式

Is there any way to change input type="date" format? HTML5 日期输入规范 [1] 指的是 RFC3339 规范，它指定了一个完整的日期格式，等于：yyyy-mm-dd。

这样

element.value = tag + "." + (monat+1) + "." + jahr;

function pad(num) {
  return String("0" + num).slice(-2);
}
function heute() {
    var datum = new Date();
    var tag = datum.getDate();
    var monat = datum.getMonth();
    var jahr = datum.getFullYear();
    var element = document.getElementById("datum");
    element.value = pad(tag) + "." + pad(monat+1) + "." + jahr;
}

<input class="span2" id="datum" name="datum" type="text" placeholder="tt.mm.jjjj">
<button class="btn" type="button" onclick="heute()">Heute</button>

【讨论】：

在我上面的 sn-p 中是这样
我复制了你的代码，但它不起作用，我认为这是 javascript sn-p 的问题...
你的页面一定有什么东西——或者你的浏览器不喜欢同名、ID和函数名——我把函数名改成了heute
@NilsBlaumer 感谢您的接受。如果您的“它不起作用”评论不再相关，请删除评论，以免其他访问者认为代码失败

【解决方案2】：

<input class="span2" id="datum" name="datum" type="text" value="<?php echo date("d.m.Y"); ?>" required>
<button class="btn" type="button">Heute</button>

我用 PHP 做到了：P

【讨论】：

这只是设置日期，然后您可以放下按钮。