簡體   English   中英

日期范圍選擇器獲取當前范圍內的當前日期

[英]date range picker get current dates in the end range

我正在使用flask來構建一些小型應用程序。 我想建立一個收集開始日期和結束日期的表格。 理想情況下,我希望將此表單數據存儲到數據庫中,以便在日期范圍內進行一些搜索。 我找到了一些非常接近我要嘗試的示例。 我不知道的一件事是在示例中日期范圍是預定義的。 我希望至少將結束日期更新為當前日期,而不是預定義字段。

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

用'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:'前綴。)

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM