How to set a default month in an input element?

Question

Say I have an input element like this:

<input type="month">

How can I set the default value of this input element to the current month?

Answer 1

You have to construct new Date and query your input, then do something like:

let date = new Date();
let month = `${date.getMonth() + 1}`.padStart(0, 2);
let year = date.getFullYear();
document.getElementById("month").value = `${year}-${month}`

<input id="month" type="month" value="2012-3-23">

Answer 2

You may use some javascript:

const monthControl = document.querySelector('input[type="month"]');
const date= new Date()
const month=("0" + (date.getMonth() + 1)).slice(-2)
const year=date.getFullYear()
monthControl.value = `${year}-${month}`;

<input type="month">