부트 스트랩을 만드는 방법 Datepicker는 날짜 대신 일수를 반환합니까?

Question

SO를 통해 내 문제에 대한 답변을 찾은 후에 새로운 질문을 게시하기로 결심했습니다. 내 문제는 부트 럽트 대신 Datepicker에서 날짜를 반환하고 싶습니다. 일수를 반환하고 싶습니다. 오늘과 선택한 날짜 사이. 코드의

내 작품은 다음과 같습니다

$('#datepicker').datepicker({ 
      language: 'fr', 
      startDate: new Date(), 
      autoclose: true 
     }).on('changeDate', function(e) { 
      var start = moment(e.date); 
      var end = moment(new Date()); 
      var diff = start.diff(end, 'days'); // returns correct number 
      $(this).val(diff); // doesn't seem to have any effect 
     }); 

내가 두 날짜 사이의 일 수를 할 때 return diff, 항상 날짜를 선택 보여합니다 사용하는 경우에도 마찬가지입니다.

감사합니다.

Answer 1

사용 2 개 입력, 하나 개의 아이콘,

<input id="diffInput" /> 
<div class="container"> 
    <div class="row"> 
     <div class='col-sm-6'> 
      <div class="form-group"> 
       <div class='input-group date' id='datetimepicker1'> 
        <input id="DONTUSEME" type='text' class="form-control" style="display:none"/> 
        <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span> 
        </span> 
       </div> 
      </div> 
     </div> 
     <script type="text/javascript"> 
      $(function() { 
       $('#datetimepicker1').datetimepicker({ 
        language: 'fr', 
        startDate: new Date(), 
        autoclose: true 
       }).on('changeDate', function(e) { 
        var start = moment(e.date); 
        var end = moment(new Date()); 
        var diff = start.diff(end, 'days'); // returns correct number 
        $('#diffInput').val(diff); // doesn't seem to have any effect 
       }); 
      }); 
     </script> 
    </div> 
</div> 

당신이 조금 일을해야합니다 클릭의 아이콘을 사용하고 하나는 날짜 선택기에 사용 대신하는 다른 입력 값을 설정 그들과 함께 지키는 CSS로.