Question

我想在输入字段日期显示当前日期。我的代码在下面

HTML：

<div class=\"col-lg-4\">
    <label>Date</label>
     <input type=\"date\"  name=\"dateto1\" id=\"dateto1\" class=\"form-control\">
    </div>

JAVASCRIPT：

<script type="text/javascript">

 var today = new Date();

      var dd = today.getDate();
      var mm = today.getMonth()+1; //January is 0!
      var yyyy = today.getFullYear();

      if(dd<10) {
          dd = '0'+dd
      } 

      if(mm<10) {
          mm = '0'+mm
      } 

      // today = yyyy + '/' + mm + '/' + dd;
       today = mm + '/' + dd + '/' + yyyy;

      console.log(today);
      document.getElementById('dateto1').value = today;

    }


    window.onload = function() {

      getDates();
    };
</script>

如果我使用输入类型“文本”，则此代码可以正常工作，但对于类型日期，它不起作用。请指导我解决此问题。

谢谢

Answer 1

问题可能出在日期格式使用yyyy-mm-dd格式上。

代码中也没有getDates函数

var today = new Date();

var dd = today.getDate();
var mm = today.getMonth() + 1; //January is 0!
var yyyy = today.getFullYear();

if (dd < 10) {
  dd = '0' + dd
}

if (mm < 10) {
  mm = '0' + mm
}

// today = yyyy + '/' + mm + '/' + dd;
today = `${yyyy}-${mm}-${dd}`;
document.getElementById('dateto1').value = today;

<div class="col-lg-4">
  <label>Date</label>
  <input type="date" name="dateto1" id="dateto1" class="form-control">
</div>

Answer 2

您应使用yyyy-MM-dd格式：

var today = new Date();

      var dd = today.getDate();
      var mm = today.getMonth()+1; //January is 0!
      var yyyy = today.getFullYear();

      if(dd<10) {
          dd = '0'+dd
      } 

      if(mm<10) {
          mm = '0'+mm
      } 

      // today = yyyy + '/' + mm + '/' + dd;
       today = yyyy + '-' + mm + '-' + dd;

      console.log(today);
      document.getElementById('dateto1').value = today;

<div class="col-lg-4">
<label>Date</label>
<input type="date"  name="dateto1" id="dateto1" class="form-control"></div>

如何在输入字段日期上显示当前日期

2 个答案: