2017-10-13 22 views
0

私はフラスコを使用して小さなアプリケーションを構築しています。私は、開始日と終了日を収集するフォームを作成したいと思います。理想的には、私は日付範囲でいくつかの検索を実行するために私のデータベースにこのフォームデータが欲しいです。私がやろうとしていることにかなり近いいくつかの例が見つかりました。私が把握できないことの1つは、この例では日付範囲があらかじめ定義されていることです。少なくとも終了日は現在の日付で更新され、事前定義されたフィールドではありません。日付範囲のピッカー現在の日付を末尾に取得

<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はい、または「新しい日付()」です。それはそこにあったので、ちょっと使いました。私はdatepickerが設定の時間値を処理するのに十分なほどスマートなのかどうか分からなかったので、もともと私は時間を取るために瞬間を使用していました。私はそれが問題ではないことを見たとき、私はただの瞬間を残しました()。 –