【问题标题】:HTML Bootstrap date default as last day of previous monthHTML Bootstrap 日期默认为上个月的最后一天
【发布时间】:2017-06-28 19:34:00
【问题描述】:

我有一个每月运行的操作,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>

谢谢!

【问题讨论】:

  • 加载页面后,您可以动态计算该月的最后一天并将其分配给您的输入元素。我会尽快添加答案。

标签: html twitter-bootstrap date default


【解决方案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>

【讨论】:

  • 我完全复制并粘贴了您的建议,但这是我得到的:
  • 我猜不能加截图吧?我得到“日期:mm/dd/yyyy”-
  • 您在代码示例中提供的 id 是 date_input。您确定您使用的是 ID 为 date 的日期输入还是您的原始输入?如果是这样,请将 id 从 date 更改为 date_input。我把我的答案变成了小提琴。您可以运行代码并查看预期的输出。
  • 这是我在你的脚本之前的内容:
  • 现在我有一个栏,可以在日期右侧输入文本。日期默认为 5/30 而不是 5/31
猜你喜欢
相关资源
最近更新 更多
热门标签