2017-10-13 248 views
0

我正在使用瓶來構建一些小應用程序。我想建立一個收集開始日期和結束日期的表單。理想情況下,我希望將此表單數據發送到我的數據庫以在日期範圍內運行一些搜索。我發現了一些與我正在嘗試做的事情非常接近的例子。我無法弄清楚的一件事是日期範圍是預定義的。我希望至少將結束日期更新爲當前日期,而不是預定義的字段。日期範圍選擇器在結束範圍內獲取當前日期

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

回答

3

用硬編碼的結束日期替代'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:」你的腳本和樣式表進口前綴)

+1

要去補充,是否需要? Date.now()? –

+1

@Akin是,或「新日期()」。剛剛使用的時刻,因爲它在那裏。我不確定日期選擇器是否足夠聰明,可以在配置中處理時間值,所以最初我使用時間來消除時間。當我看到它並不重要時,我只是離開了那一刻()。 –