日期范围选择器获取结束范围内的当前日期答案

【问题标题】：date range picker get current dates in the end range日期范围选择器获取结束范围内的当前日期
【发布时间】：2017-10-14 03:40:36
【问题描述】：

我正在使用烧瓶来构建一些小型应用程序。我想建立一个收集开始日期和结束日期的表格。理想情况下，我希望将此表单数据添加到我的数据库中，以便对日期范围进行一些搜索。我发现了一些与我正在尝试做的事情相当接近的例子。我无法弄清楚的一件事是在示例中日期范围是预定义的。我希望至少用当前日期而不是预定义字段来更新结束日期。

<script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>


<!-- Include Date Range Picker -->
<script type="text/javascript" src="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.css" />


<input style="width: 40%" class="form-control" type="text" name="daterange" value="01/01/2015 - 01/31/2015" />


<script type="text/javascript">
    $('input[name="daterange"]').daterangepicker(
{
    locale: {
      format: 'MM-DD-YYYY'
    },
    startDate: '01-01-2013',
    endDate: '12-31-2013'
}, 
function(start, end, label) {
    alert("A new date range was chosen: " + start.format('MM-DD-YYYY') + ' to ' + end.format('MM-DD-YYYY'));
});
</script>

【问题讨论】：

标签： javascript forms datepicker daterangepicker

【解决方案1】：

用“moment()”代替硬编码的结束日期。

例子：

$('input[name="daterange"]').daterangepicker(
{
    locale: {
      format: 'YYYY-MM-DD'
    },
    startDate: '2013-01-01',
    endDate: moment()
}, 
function(start, end, label) {
    alert("A new date range was chosen: " + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD'));
});

（另外，不确定这是否是复制/粘贴问题 - 但您的脚本和样式表导入中缺少“https:”前缀。）

【讨论】：

要添加，需要时间吗？ Date.now()?
@Akin 是的，或者“new Date()”。只用了那一刻，因为它就在那里。我不确定 datepicker 是否足够聪明以处理配置中的时间值，所以最初我使用 moment 来剥离时间。当我看到没关系时，我就离开了 moment()。