jquery - 为什么我的 jQuery 日期选择器 UI 插件没有在年份字段中显示向上/向下箭头

Question

根据这个有问题的示例，我似乎无法通过上下箭头来选择早于 2001 年或晚于 2021 年的日期。

Education Record
    did you complete high school? * --> Yes
    clicking Graduation Date *  
        clicking 2013 down arrow

任何想法是什么原因造成的？滚动箭头在 Windows 7 中的 IE10 中根本不显示，在 Firefox 中显示滚动箭头，但在 2001 年之前或 2021 年之后无法滚动。解决方法是选择最小或最大日期并再次单击箭头在几年之前或之后显示。

Answer 1

试试这个- jsFiddle

$(function () {
 $("#datepicker").datepicker({
     changeMonth: true,
     changeYear: true,
     yearRange: "-120:+10", // magic!
     dateFormat: 'mm/yy',
     onClose: function (dateText, inst) {
         var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
         var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
         $(this).datepicker('setDate', new Date(year, month, 1));
     }
  });
});

API 文档yearRange

Answer 2

在 jQuery-UI 中，您可以轻松地指定年份范围和默认日期。

    $( "#specific_birthdate" ).datepicker( {
        yearRange : "1950:2011",
        changeYear : true,
        defaultDate : new Date(1970, 0, 1, 0, 0, 0, 0)
    } );

Answer 3

正如我在您的屏幕截图中看到的，您使用的是 IE10，它的风格有点怪异。您的选择下拉列表将在 Chrome、FF、Safari 等良好的浏览器中正常工作......我很确定您是否为具有
.ui-datepicker-year 类的选择元素设置了固定高度，例如高度： 150像素；并添加溢出：自动；希望这可以帮助