Sometimes, we want to set datetime on a datetime-local input with JavaScript.
In this article, we’ll look at how to set datetime on a datetime-local input with JavaScript.
How to set datetime on a datetime-local input with JavaScript?
To set datetime on a datetime-local input with JavaScript, we can convert the datetime to a local datetime string.
For instance, we write:
<input type="datetime-local" id="publishDate" required/>
to add a datetime-local input.
Then we write:
const now = new Date();
const input = document.querySelector('input')
input.value = new Date(now.getTime() - now.getTimezoneOffset() * 60000).toISOString().substring(0, 19);
We select the input with document.querySelector.
Then we write new Date(now.getTime() - now.getTimezoneOffset() * 60000) to convert the current datetime to local datetime.
Then we call toISOString to convert it into a datetime string.
And finally, we call substring to extract the datetime part from the string.
Then we set that as the value of the input.
Conclusion
To set datetime on a datetime-local input with JavaScript, we can convert the datetime to a local datetime string.
