Javascript onclick将文本放入文本字​​段

时间:2015-04-28 16:44:15

标签: javascript twitter-bootstrap button input onclick

嘿伙计们,我的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>

2 个答案:

答案 0 :(得分:1)

  1. 使用.value代替.innerHTML
  2. 尽量不要使用相同的名称,ID和功能名称
  3. 在本月添加一个。 JS月份基于0。
  4. 使用前导0来填充正确的日期
  5. type=date更改为type=text,因为您要使用其他格式
      

    Is there any way to change input type="date" format? HTML5日期输入规范[1]引用RFC3339规范,该规范指定的全日期格式等于:yyyy-mm-dd。

  6. 喜欢这个

    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>

答案 1 :(得分:0)

<link href='//fonts.googleapis.com/css?family=Josefin+Sans:600,700|Damion' rel='stylesheet' type='text/css'>

我是用PHP做的:P