document.getElementById().value 不返回值

Question

So i'm trying to just access the value from my date input

 let object = document.getElementById('tripdateinput').value; console.log(object);

 <input autocomplete="off" id="tripdateinput" type="date" name="tripdate" required>

but when i try to console.log(object) it returns as empty. This is also only happening with my date inputs my normal text inputs are working.

Answer 1

Add this script to get your selected date value:

 document.getElementById('tripdateinput').addEventListener("change", function(event) { console.log(event.target.value); });

 <input autocomplete="off" id="tripdateinput" type="date" name="tripdate" required>

What this does is create an eventListener to your input field. Similar to a single onChange eventHandler , this will get the event when your input field changes it's values.

Your code should look like this:

<input autocomplete="off" id="tripdateinput" type="date" name="tripdate" required>

<script>
  document.getElementById('tripdateinput').addEventListener("change", function(event) {
    console.log(event.target.value);
  });
</script>