jQuery的日曆顯示僅幾天

Question

我在尋找一個日曆顯示在另一個選擇框 .The 結果自帶的，當月總天選擇框和月份選擇一年後僅幾天，在兩個單獨的選擇框中選擇年份和月份之後，然後我可以從該結果即該月的總天數中進行選擇。但在日曆中，沒有顯示任何星期，它只顯示幾天。我可以在jQuery中使用滿足此要求的示例。

Answer 1

這不是一個優化的代碼，只是供您參考。希望這會幫助你。

$(document).ready(function(){ 
 
    var y, m, d; 
 
    var date = new Date(); 
 
    var i; 
 
    for (i = -5; i < 5; i ++) { 
 
    $("#cal").append("<li class='yearPicker'>" + (date.getFullYear() + i) + "</li>"); 
 
    } 
 
    
 
    $(".yearPicker").click(function(){ 
 
    y = $(this).html(); 
 
    $("#cal").html(""); 
 
    for (i = 0; i < 12; i ++) { 
 
     $("#cal").append("<li class='monthPicker'>" + (i + 1) + "</li>"); 
 
    } 
 
    
 
    $(".monthPicker").click(function(){ 
 
     m = $(this).html(); 
 
     $("#cal").html(""); 
 
     date = new Date(y, m - 1, 1) 
 
     for (i = 0; i < 31; i ++) { 
 
     if (date.getMonth() == m - 1) { 
 
      $("#cal").append("<li class='dayPicker'>" + (i + 1) + "</li>"); 
 
     } else { 
 
      break; 
 
     } 
 
     
 
     date.setTime(date.getTime() + (24 * 60 * 60 * 1000)); 
 
     } 
 
     
 
     $(".dayPicker").click(function(){ 
 
     alert(y + "/" + m + "/" + $(this).html()); 
 
     }); 
 
    }); 
 
    }); 
 
});

ol { 
 
    display: inline-block; 
 
    list-style-type: none; 
 
} 
 

 
li { 
 
    display: inline-block; 
 
    width: 50px; 
 
    border: 1px solid green; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<ol id="cal"> 
 
</ol>