Как установить месяц по умолчанию в элементе ввода?

Question

Скажем, у меня есть такой элемент ввода:

<input type="month">

Как установить значение по умолчанию для этого элемента ввода на current month?

Answer 1

Чтобы установить значение для ввода месяца (input[type="month"]), используйте только значение года и месяца в значении (yyyy-MM), например:

<input type="month" id="txtMonth" value="2018-11" />

будет отображать месяц как ноябрь (в браузерах, которые поддерживают тип ввода месяца, поддержка является неравномерной).

Чтобы заполнить поле с помощью JavaScript, можно сделать что-то вроде:

var txtMonth = document.getElementById('txtMonth');
var date = new Date();
var month = "0" + (date.getMonth() + 1);
txtMonth.value = (date.getFullYear() + "-" + (month.slice(-2)));

<input type="month" id="txtMonth" value="2018-11" />

Answer 2

Вы должны создать новую дату и запросить ввод, а затем сделать что-то вроде:

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 3

Вы можете использовать некоторые 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">