在选择框中重新填充日期

我在 Rails 中创建了一个 date_select （它有 3 个选择框：一个代表年份，一个代表月份，一个代表日期）。

2 月 31 日在他们身上是相当令人困惑的。我希望能够只让选择框包含有效日期。我的意思是，当您选择二月时，31 日、30 日（以及某些年份的 29 日）将被删除，然后，当您选择一月时，它们会再次添加，依此类推。此外，我希望初始选择框仅填充所选月份的天数。

我假设你有三个选择的课程'day', 'month', 'year'。 然后使用这个JS：

function monthChanged() {
    var days = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
    var month = $('.month').val() - 1, year = +$('.year').val();
    var diff;

    // Check for leap year if Feb
    if (month == 1 && new Date(year, month, 29).getMonth() == 1) days[1]++;

    // Add/Remove options
    diff = $('.day option').length - (days[month] + 1);
    if (diff > 0) { // Remove
        $('.day option').slice(days[month] + 1).remove();
    } else if (diff < 0) { // Add
        for (var i = $('.day option').length; i <= days[month]; i++) {
            $('<option>').attr('value', i).text(i).appendTo('.day');
        }
    }
}

$(function () {
    monthChanged(); // On document ready
    $('.month').change(monthChanged); // On month change
    $('.year').change(monthChanged); // On year change (for leap years)
});

Demo: http://jsfiddle.net/FxBpB/