时间戳

首页 > 解决方案 > 如何使用 JavaScript 设置当前时间 datetime-local 值

javascript - 如何使用 JavaScript 设置当前时间 datetime-local 值

问题描述

我试图将当前日期和时间设置为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>

它不起作用。

标签： javascriptjqueryhtml

解决方案

如果值小于两位数，您还必须在月份、小时和日期之前添加 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>

推荐阅读