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

Question

根据这个有问题的例子,我似乎无法使用向上和向下箭头来选择早于2001年或晚于2021年的日期.

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

是什么原因引起了这个？在Windows 7和Firefox中的IE10中根本没有显示滚动箭头,滚动箭头显示但是在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

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