仅当从日期选择器的下拉列表中选择年份时才激活月份下拉列表答案

【问题标题】：Activate Month dropdown only when Year is selected from dropdown in datepicker仅当从日期选择器的下拉列表中选择年份时才激活月份下拉列表
【发布时间】：2025-11-25 04:05:01
【问题描述】：

请告诉我如何实现这个场景。

我正在使用 jquery 日期选择器。现在我的要求是用户应该只能先选择年，然后再选择月和日。这是用于捕获出生日期的。请帮帮我。

$(".datePicker", $context).each( function() {
                var baseOptions = {
                    inline: true,
                    dateFormat : "dd-mm-yy",
                    changeYear: true,
                    changeMonth: true,
                    showOn: "button",
                    buttonImage: "img/calendar.gif",
                    buttonImageOnly: true,
                    showMonthAfterYear: true,
                    buttonText: "Select date"
                };

                var attr = $(this).attr("min");
                if (attr != undefined) {
                    baseOptions.minDate = attr;
                    baseOptions.yearRange = "+0:+5";
                }

                attr = $(this).attr("max");
                if (attr != undefined) {
                    baseOptions.maxDate = attr;
                    baseOptions.yearRange = "-120:+0";
                }

                attr = $(this).attr("setBirthdate");
                if(attr!=undefined){

                    var date = new Date(attr);
                    date.setFullYear(date.getFullYear()-12)
                    baseOptions.defaultDate = date;
                }
                    options = {
                        onSelect: function(dateText, inst){

                            $(this).val(dateText).trigger('change');
                            $(inst).hide();
                        }
                    };
                    $(this).datepicker($.extend(baseOptions, options));
                    $(this).on('click', function (e) { e.preventDefault(); }).datepicker($.extend(baseOptions, options));
                //}
            }

【问题讨论】：

请提供更多代码，并尝试格式化。
@Mark 提供了我正在使用的完整日期选择器代码。
我很困惑，日期选择器的全部意义在于让选择日期更容易。为什么要通过强制用户按特定顺序选择日期来使问题复杂化？
这是因为用户在选择他们的出生日期时没有选择出生年份，这是默认的，因此会损失业务和收入
很公平，如果这对您来说是个问题，下面的答案应该可以解决问题：)

标签： jquery jquery-ui-datepicker

【解决方案1】：

正如我在评论中所说，我认为没有必要这样做。但是，如果你真的需要这样工作，我会使用 combobox 之类的东西并添加一点 css/jQuery 来获得这种效果

$(function(){
    $('#date').combodate();  
    
    $('.year').change(function(){
        $(this).parent('.combodate').find('.month').show();
    });
    
    $('.month').change(function(){
        $(this).parent('.combodate').find('.day').show();
    });
    
});

.day{
    display:none;
}
.month{
    display:none;
}

<link href="http://vitalets.github.io/combodate/prettify/prettify-bootstrap.css" rel="stylesheet"/>
<link href="http://vitalets.github.io/combodate/bootstrap/css/bootstrap.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://vitalets.github.io/combodate/combodate.js"></script>
<script src="http://vitalets.github.io/combodate/momentjs/moment.min.2.5.0.js"></script>


<input type="text" id="date" data-format="DD-MM-YYYY" data-template="D MMM YYYY" name="date" value="">

【讨论】：