Javascript onclick put text into an text field

Question

Hey guys my onClick Event doesn't put the date into the text input field.

<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>

use .value instead of innerHTML. Also add one to the month. JS months are 0 based — mplungjan
– mplungjan, Commented Apr 28, 2015 at 16:47
Also, you'll need to format the date string as required by the input (i.e. yyyy-mm-dd). — showdev
– showdev, Commented Apr 28, 2015 at 16:54

mplungjan · Accepted Answer · 2018-08-22 07:58:14Z

1

Use .value instead of .innerHTML.
Try not to use the same name, id and function name
Add one to the month. JS months are 0-based.
Pad with leading 0 for a proper date
change type=date to type=text since you want to use a different format

Is there any way to change input type="date" format? The HTML5 date input specification [1] refers to the RFC3339 specification, which specifies a full-date format equal to: yyyy-mm-dd.

Like this

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>

edited Aug 22, 2018 at 7:58

answered Apr 28, 2015 at 16:49

mplungjan

180k29 gold badges183 silver badges246 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

mplungjan Over a year ago

It does in my snippet above

Nils Blaumer Over a year ago

i copied your code but it doesnt work, i think it is something with the javascript snippet...

mplungjan Over a year ago

There must be something in your page - or your browser does not like the same name, ID and function name - I changed the function name to heute

mplungjan Over a year ago

@NilsBlaumer thanks for accepting. If your "it does not work" comment is no longer relevant, please delete the comment so other visitors do not think the code fails

Nils Blaumer · Accepted Answer · 2015-04-28 17:20:51Z

0

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

I did it with PHP :P

answered Apr 28, 2015 at 17:20

Nils Blaumer

191 silver badge6 bronze badges

1 Comment

mplungjan Over a year ago

That just sets the date, then you can drop the button.

Collectives™ on Stack Overflow

Javascript onclick put text into an text field

2 Answers 2

4 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related