Как установить текущее время datetime-local value используя JavaScript

Question

Я пытался установить текущую дату и время в качестве значения по умолчанию для поля followup_date в моей форме. Я добавил followup_date как datetime-local.

Я попытался установить текущее время в качестве значения по умолчанию, используя следующий код JavaScript.

Пожалуйста, смотрите мой код

$(document).ready(function() {
  var today = new Date();
  var date = today.getFullYear() + '-' + (today.getMonth() + 1) + '-' + today.getDate();
  var time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();
  var dateTime = date + ' ' + time;
  alert(dateTime); //its working
  $("#followup_date").val(dateTime);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="datetime-local" class="form-control" id="followup_date" name="followup_date" required>

Не работает.

Answer 1

Вы также должны добавить 0 до месяца, часа и даты, если значения меньше двух цифр. например. 1 => 01

Ваш селектор идентификаторов был неправильным

function adjust(v){
if(v>9){
return v.toString();
}else{
return '0'+v.toString();
}
}
 $(document).ready(function(){
        var today = new Date();
var date = today.getFullYear()+'-'+adjust(today.getMonth()+1)+'-'+adjust(today.getDate());
var time = adjust(today.getHours()) + ":" + adjust(today.getMinutes());
var dateTime = `${date}T${time}`;
//its working

$("#followup_next_followup_date").val(dateTime);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="datetime-local"  class="form-control" onchange="alert(this.value)" id="followup_next_followup_date" name="followup_next_followup_date" required>