javascript - 如何使用 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

您的 ID 选择器错误

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>