Моя функция Javascript не устанавливает дату

Question

Я пытаюсь разработать функции на javascript, чтобы, благодаря кнопкам, можно было также указывать тип ввода Date.

Entre le <input type="date" id="debut" name="dateDeb" {% if debut is defined %} value={{debut}} {% endif %}/>
et le <input type="date" id="fin" name="dateFin" {% if fin is defined %} value={{fin}} {% endif %}/>

<input type="text" id="debut"/>
<input class="btn btn-primary" type="button" id="aujourdhui" value="Aujourd'hui"/>
<input class="btn btn-primary" type="button" id="semaine" value="Cette semaine"/>
<input class="btn btn-primary" type="button" id="mois" value="Ce mois-ci"/>

Например, по нажатию кнопки «Сегодня» я хочу, чтобы моя дата ввода приняла значение дня. Итак, у меня есть это:

// function to update dates at today
$('#aujourdhui').click(function() {
    var today = new Date();
    var jj = String(today.getDate()).padStart(2, '0');
    var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
    var aaaa = today.getFullYear();

    today = jj + '/' + mm + '/' + aaaa;

    alert(today);
    document.getElementById("debut").value = today;
});

«оповещение» возвращает дату дня, но мой ввод остается неизменным. Кто-то может указать мне? Спасибо!

Answer 1

Дата должна быть в формате yyyy-MM-dd.Используйте функцию toISOString:

var today = new Date();
var todayStr = today.toISOString().slice(0,10);

document.getElementById("debut").value = todayStr;

Answer 2

Реальная проблема в том, что у вас есть 2 входа с одинаковым идентификатором debut

Answer 3

Вы должны сделать правильный формат даты 'ГГГГ-мм-дд':

 today = aaaa + '-' + mm + '-' + jj;