使用jQuery計算<input type =「date」

Question

我很困惑，想要顯示在選定日期之間的天數：<input type="date" id="date" />和今天。

基於此，我想展示一個具體的<div>。例如，如果從輸入值到今天的日期之間有20天，我們將顯示<div id="20day"></div>，如果超過20天，則顯示<div id="21day"></div>。

這可能只是與jQuery？

Answer 1

var selected = $('#date').val(); 
var today = new Date(); 

var diff = new Date(selected - today); 

// get days 
var days = diff/1000/60/60/24; 

alert(days); 

var days將包含天數。你可以繼續做任何你喜歡的變量。我在這裏只用了alert()。

Answer 2

試試這個：

$('#date').change(function() { 
    var date1 = new Date($(this).val()); 
    var date2 = new Date(); 
    var diffDays = date2.getDate() - date1.getDate(); 
    $('body').append('<div id="' + diffDays + '"></div>'); 
}); 

DEMO HERE