时间戳

首页 > 解决方案 > 如何在输入字段日期上显示当前日期

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

问题描述

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

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>

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

谢谢

标签： javascripthtml

解决方案

您应该使用以下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>

推荐阅读