Value of date from input type date

[codeispoetry]

<input type="date" class="pate" data-date-inline-picker="true" />

I was trying to pick the selected date of the above date picker, but I could retrieve that.

console.log(document.querySelector(".pate"));

This renders this in the browser:

I also tried this:
console.log(document.querySelector('input[type="date"]').valueAsNumber);
But the above gives NAN

[Paul_Wilkins]

@codeispoetry

<input type="date" class="pate" data-date-inline-picker="true" />

it has a value property, that is an empty string until someone correctly enters a date in there.

[codeispoetry]

@Paul_Wilkins

it has a value property, which is an empty string until someone correctly enters a date in there.

Thanks for replying, sir. But what should I do to get the value once the date is selected?
Any suggested reading or solution to this?

[Paul_Wilkins]

Once the date is selected and is valid (can troubleshoot using validity object property), you can use value, or valueAsDate, or valueAsNumber to get what you need from it.

[Paul_Wilkins]

@codeispoetry

Any suggested reading or solution to this?

I find that MDN is a reliable source. The following about dates should be worth investigating:

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

[Paul_Wilkins]

Here’s a date picker example that helps to show and expose different parts of the system.

• https://jsfiddle.net/pmw57/7us9qw3c/3/