jQuery UI Datepicker-月份和年份下拉列表

Question

我的網站上有以下Datepicker 。

從示例中可以看到，它可以追溯到2006年，直到2026年。 我需要一年的時間才能回到更遠的地方，我將如何實現這一目標？

這是我的代碼：

<script>
    $(function() {
        $("#passenger_dob").datepicker({ changeMonth: true, changeYear: true, dateFormat: "dd/mm/yy" }).val()
    });
</script>

Answer 1

使用yearRange選項設置要顯示的年份：

$("#passenger_dob").datepicker({
    changeMonth: true, 
    changeYear: true, 
    dateFormat: "dd/mm/yy",
    yearRange: "-90:+00"
});

可以對yearRange選項進行硬編碼，或者，例如，在我的示例中，可以使用相對於當前日期的范圍。 我使用的選項表示“顯示的最早年份是當前年份之前的90年”和“顯示的最大年份等於當前年份”。

注意：如文檔所述，默認情況下，這僅影響下拉列表中顯示的選項，對用戶實際輸入/選擇的日期沒有任何限制。

有關更多詳細信息，請參見http://api.jqueryui.com/datepicker/#option-yearRange 。