2017-10-13 3 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'로 대체하십시오.

예 :

은 (또한,이 복사/붙여 넣기 문제가 있다면 확실하지 -하지만 당신의 'https :'누락되었습니다. 스크립트와 스타일 시트 수입에 접두사를)
$('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')); 
}); 

+1

거야 되었습니까 추가, 순간이 필요합니까? Date.now()? –

+1

@Akin 예 또는 "new Date()" 그것이 있었기 때문에 단지 순간을 사용했다. datepicker가 config에서 시간 값을 처리 할 정도로 똑똑했는지는 확실하지 않았기 때문에 원래 시간을 제거하기 위해 순간을 사용하고있었습니다. 내가 그걸 보았을 때, 나는 잠깐 떠났다. –

관련 문제