2013-12-08 8 views
0

Итак, у меня есть этот выбор даты, и мне удалось изменить диапазон года, но я заметил, что «выбрать» круг года слишком длинный (вот фотография http://s24.postimg.org/r8fq9faxh/Captura_de_ecr_2013_12_8_s_15_37_17.png). Это способ изменить его размер?Изменить размер изображения в datepicker

<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"> 

ответ

0

Там уверены, есть 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

Что касается высоты выпадающего списка, когда вы выбираете активный, невозможно установить высоту с помощью CSS или любым другим способом, браузер определяет высоту на основе заданного пространства

+0

таким образом диапазон года будет ниже. Я хочу столько же лет. Я просто хотел узнать, есть ли способ уменьшить размер тега select year, сделать его похожим на свиток, чтобы он не пропускал лат-зеленую границу на изображении. – Nanowatt

+0

Нет, нет, высота выбора в большинстве браузеров, нестандартных и устанавливаемых браузером в зависимости от заданного пространства. – adeneo

+0

http://stackoverflow.com/questions/570642/height-of-an-html-select-box-dropdown – adeneo

Смежные вопросы