HTML Bootstrap日期默认为上个月的最后一天

时间:2017-06-28 19:34:00

标签: html twitter-bootstrap date default

我有一个按月运行的操作,as_of_dt是一个月的最后一个日历日。

我的仪表板上有一个工作日期选择器,但我目前有一个硬编码的默认日期。我想将其默认设置为上个月的最后一个日历日。因此,对于2017年6月,我希望它默认为5-31-2017。

这是我目前的html:

<div class="form-group">
      <label class="mr-sm-2" for="date_input">Date</label>
      <input class="form-control" type="date" value="2017-05-31" id="date_input" name='date_input'>
    </div>

谢谢!

1 个答案:

答案 0 :(得分:0)

您可以动态计算该月的最后一天并将其分配给您的输入元素。

&#13;
&#13;
<input type="date" id="date">
<script>
  function getLastDayDate() {
    var today = new Date();
    var lastDayDate = new Date(today.getFullYear(), today.getMonth(), 0);
    var year = lastDayDate.getFullYear();
    var month = lastDayDate.getMonth().length == 2 ? lastDayDate.getMonth() + 1 : '0' + (lastDayDate.getMonth() + 1);
    var date = lastDayDate.getDate();
    document.getElementById("date").value = [year, month, date].join('-');
  }
  getLastDayDate();
</script>
&#13;
&#13;
&#13;