如何使Bootstrap Datepicker返回天數而不是日期？

Question

在搜索了所有以找到我的問題的答案後，我決定發佈一個新的問題：我的問題是我希望，而不是讓Bootstrap 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使他們保持在一起。