Set HTML Date Picker With Javascript Function

Question

I'm trying to take a date from a date picker and then output the date to the value of a second picker.

I should work like this,

fill in dateIn
press button
date displayed on dateOut picker

My code:

<input id="dateIn"  name="dateIn"  type="date"  value=""/>
<input id="dateOut" name="dateOut" type="date"  value=""/>

<button type="button" onclick="FunctionDate()">Click Me!</button>

Here is the function: (It does run when the button is pressed)

function FunctionDate() {   
    Document.getElementById("dateOut").value = Document.getElementById("dateIn").value;
}

The problem is in the function, but what should run in there?

tymeJV · Accepted Answer · 2014-06-04 19:49:50Z

4

Forgot the quotes around element ID's:

document.getElementById("dateOut").value = document.getElementById("dateIn").value;

And remove the () from the .value call. Just a tip, always have your console open when writing JS, you'll see the syntax errors.

answered Jun 4, 2014 at 19:49

tymeJV

105k14 gold badges165 silver badges158 bronze badges

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

1 Comment

WhiteShadow Over a year ago

Thankyou very much, and how do I get the console open in Dreamweaver?

Collectives™ on Stack Overflow

Set HTML Date Picker With Javascript Function

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related