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

Question

我有一个我们每月运行的操作，AS_OF_DT作为一个月的最后一个日历日。

我的仪表板上有一个工作日期选择器，但是我目前有一个默认日期硬编码。我想让它默认为上个月的最后一个日历日。因此，在2017年6月，我希望它违约至2017年5月31日。

这是我当前的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>

谢谢！

Answer 1

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

<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>