Javascript function inside HTML input box

Question

OK, new to JS, but I have a HTML form with a input box. This input box value needs to be = to a JavaScript function I wrote and I can't get it to work.

In the head I have the location of my js file. Basically, I want to have the input box value = the JavaScript function.

<script src="js/functions.js"></script>

The HTML input box

<input type="text" name="date" id= "date" value= "" class="inputBox"
 disabled />

The JavaScript function

function dateToday{
var today = new Date();
var dd = today.getDate();
var mm = today.getMonth()+1; //January is 0!
var yyyy = today.getFullYear();
if(dd<10) {
    dd='0'+dd
} 

if(mm<10) {
    mm='0'+mm
} 

today = mm+'/'+dd+'/'+yyyy;

document.write(today);
}

Thinh Nguyen · Accepted Answer · 2016-03-03 03:41:16Z

2

You can use document.getElementById("date").value to set the value of the input. Also "function dateToday{" need to be changed to "function dateToday(){"

function dateToday() {
  var today = new Date();
  var dd = today.getDate();
  var mm = today.getMonth() + 1; //January is 0!
  var yyyy = today.getFullYear();
  if (dd < 10) {
    dd = '0' + dd
  }

  if (mm < 10) {
    mm = '0' + mm
  }

  today = mm + '/' + dd + '/' + yyyy;

  document.write(today);
  document.getElementById("date").value = today;
}

dateToday();

<input type="text" name="date" id="date" value="" class="inputBox" disabled />

answered Mar 3, 2016 at 3:41

Thinh Nguyen

3921 silver badge8 bronze badges

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

Comments

user2182349 · Accepted Answer · 2016-03-03 03:36:48Z

1

<script>
// Place this code at the end of the document body
window.onload = function(){
    document.getElementById("date").value = dateToday();    
};
</script>
</body>

And change document.write(today); to return today;

You may want to look into the date input type.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date

edited Mar 3, 2016 at 3:36

answered Mar 3, 2016 at 3:34

user2182349

9,8323 gold badges31 silver badges44 bronze badges

Comments

Parkash · Accepted Answer · 2016-03-03 03:38:10Z

0

You can do document.getElementById("date").value = dateToday() as mentioned by user2182349 and also make sure to add

return today;

in your function dateToday().

answered Mar 3, 2016 at 3:38

Parkash

1031 silver badge12 bronze badges

2 Comments

Nelsons Development Solutions Over a year ago

But where would I put the document.getelement code?

Parkash Over a year ago

You can use jquery and put do document.getelement inside document.ready function

user5284713 · Accepted Answer · 2016-03-03 03:47:21Z

0

Except for a few changes here and there nothing major. Check the following code.

function dateToday() {
  var today = new Date();
  var dd = today.getDate();
  var mm = today.getMonth() + 1; //January is 0!
  var yyyy = today.getFullYear();
  if (dd < 10) {
    dd = '0' + dd
  }

  if (mm < 10) {
    mm = '0' + mm
  }

  today = mm + '/' + dd + '/' + yyyy;

  return today;
}

document.getElementById("date").value = dateToday();

<input type="text" name="date" id="date" value="" class="inputBox" disabled/>

answered Mar 3, 2016 at 3:47

user5284713

Comments

KittMedia · Accepted Answer · 2016-03-03 07:51:17Z

0

<script>
    $(function() {
        document.getElementById("date").value = dateToday()
    });
</script>

edited Mar 3, 2016 at 7:51

KittMedia

7,45613 gold badges36 silver badges40 bronze badges

answered Mar 3, 2016 at 3:45

Jerrime25

131 silver badge8 bronze badges

Collectives™ on Stack Overflow

Javascript function inside HTML input box

5 Answers 5

Comments

Comments

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related