Question

所以我有这个日期选择器，我设法改变了年份范围，但我注意到“选择”年份栏太长了（这里是图片http://s24.postimg.org/r8fq9faxh/Captura_de_ecr_2013_12_8_s_15_37_17.png）。这是改变它的大小的方法吗？

<script>

 $(document).ready(function () {
    $("#datepicker").datepicker({
     changeMonth: true,
      changeYear: true,
    yearRange:'-90:+0',
        beforeShow: function (input, inst) {
            setTimeout(function () {
                inst.dpDiv.css({
                    top: 170,
                    left: 37
                });
            }, 0);
        }
    });
})

  </script>

<style>
.ui-datepicker {font-size:70%; }
</style>

HTML：

<input type="text" id="datepicker" size="13">

Answer 1

肯定的是，yearRange:'-90:+0'设置了多少年（90）以及前进多少（0），所以只需将该值更改为下拉列表中的年份更少：

$(document).ready(function () {
    $("#datepicker").datepicker({
        changeMonth: true,
        changeYear: true,
        yearRange:'-30:+0', // change this value
        beforeShow: function (input, inst) {
            setTimeout(function () {
                inst.dpDiv.css({
                    top: 170,
                    left: 37
                });
            }, 0);
        }
    });
})

FIDDLE

对于select处于活动状态时获得的下拉列表的高度，无法使用CSS或任何其他方式设置高度，浏览器根据给定的空间决定高度

在datepicker中更改选择大小

1 个答案: