計算兩天之間的天數

Question

我想從兩個選定的日期計算天數，我的代碼不工作。是否有錯誤？

$(document).ready(function(){ 
 
      calulateDays() 
 
    }); 
 

 
    function calulateDays(){ 
 
     $('#levTo').blur(function(){ 
 
var levfrom=$('#levFrom').val(); 
 
    levto=$('#levTo').val(); 
 
    from, to,duration; 
 

 
from = moment(levfrom, 'YYYY-MM-DD'); 
 
to = moment(levto,'YYYY-MM-DD'); 
 
duration=to.diff(from,'days')  
 
$('#levDuration').val(duration + ' days'); 
 

 
}); 
 
}

\t \t \t \t  
 
    <label>Date From</label> 
 
    <input type="date" name="levFrom" id="levFrom" class="levFrom"> 
 
\t \t \t \t  
 
    <label >Date To</label> 
 
    <input type="date" name="levTo" id="levTo" class="levTo"> 
 
\t \t \t 
 
    <label >Duration</label> 
 
    <input type="text" name="levDuration" id="levDuration" class="levDuration" readonly="readonly"> 
 
\t \t \t \t

Answer 1

試試這個兄弟

$(document).ready(function(){ 
 
      calulateDays() 
 
     
 
    }); 
 

 
    function calulateDays(){ 
 
     //$('#levTo').on('keyup mouseup change',function(){ 
 
     $('#levTo').on('change',function(){ 
 
     var levfrom=$('#levFrom').val(); 
 
     var levto=$('#levTo').val(); 
 
     var from,to,duration; 
 
    
 
     from=moment(levfrom, 'YYYY-MM-DD'); 
 
     to=moment(levto,'YYYY-MM-DD'); 
 
     duration=to.diff(from,'days'); 
 
     $('#levDuration').val(duration + ' days') 
 
    
 
    });};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.1/moment.min.js"></script> 
 
<label>Date From</label> 
 
    <input type="date" name="levFrom" id="levFrom" class="levFrom"> 
 
\t \t \t \t  
 
    <label >Date To</label> 
 
    <input type="date" name="levTo" id="levTo" class="levTo"> 
 
\t \t \t 
 
    <label >Duration</label> 
 
    <input type="text" name="levDuration" id="levDuration" class="levDuration" readonly="readonly">

Answer 2

你calulateDays功能缺失}。另外，js區分大小寫。因此，當您訪問它們時，您必須使用levfrom和levto，小寫字母爲f和t。

$(document).ready(function(){ 
     calulateDays() 
}); 

function calulateDays(){ 
    $('#levTo').on('keyup mouseup change',function(){ 
    var levfrom=$('#levFrom').val(); 
     levto=$('#levTo').val(); 
     from,to,duration; 

    from=moment(levFrom, 'YYYY-MM-DD'); // HERE: levfrom 
    to=moment(levTo,'YYYY-MM-DD');  // HERE: levto 
    duration=to.diff(from,'days')  
    $('#levDuration').val(duration + ' days') 

    }); 
} // <==== HERE 

另外，還要考慮提高你的js代碼：

$(document).ready(calulateDays); 

    function calulateDays() { 
    $('#levTo').on('keyup mouseup change', function() { 
     var levfrom = $('#levFrom').val(), 
     levto = $('#levTo').val(), 
     from, to, duration; 

     from = moment(levfrom, 'YYYY-MM-DD'); 
     to = moment(levto, 'YYYY-MM-DD'); 
     duration = to.diff(from, 'days') 
     $('#levDuration').val(duration + ' days') 
    }); 
    } 

Answer 3

function calulateDays(){ 
 
     var levfromArr=$('#levFrom').val().split('-'),    levtoArr=$('#levTo').val().split('-'); 
 
     var leavefromDay=levfromArr.pop(); 
 
     var levfromMonth=levfromArr.pop(); 
 
     var levfromYear=levfromArr.pop(); 
 
     
 
     var levtoDay=levtoArr.pop(); 
 
     var levtoMonth=levtoArr.pop(); 
 
     var levtoYear=levtoArr.pop(); 
 
     
 
     var oneDay = 24*60*60*1000; 
 
     var firstDate = new Date(levfromYear,levfromMonth,leavefromDay); 
 
     var secondDate = new Date(levtoYear,levtoMonth,levtoDay); 
 

 
     var diffDays = Math.round(Math.abs((firstDate.getTime() -   secondDate.getTime())/(oneDay))); 
 
      
 
     $('#levDuration').val(diffDays + ' days') 
 
    
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> 
 
<label>Date From</label> 
 
    <input type="date" name="levFrom" id="levFrom" class="levFrom"> 
 
\t \t \t \t  
 
    <label >Date To</label> 
 
    <input type="date" name="levTo" id="levTo" class="levTo"> 
 
\t \t \t 
 
    <button onclick="calulateDays()" >Duration</button> 
 
    <input type="text" name="levDuration" id="levDuration" class="levDuration" readonly="readonly">

試試看。其工作片段