календарь

HTML

<link rel="stylesheet" href="https://code.jquery.com/ui/1.10.4/themes/black-tie/jquery-ui.css">
<div class="outwrap">
    <div class="wrp_input">
        <br/>
        <br/>
        <input type="text" class="it datepicker" />
    </div>
</div>

CSS

.wrp_input {
    height: 10000px;
    position:relative;
    margin-top: 300px;
}

.outwrap {
    height: 400px;
    width: 800px;
    overflow: auto;   
}

JavaScript

//$.datepicker.setDefaults($.datepicker.regional['ru']); 
$(function () {
    $('.datepicker').datepicker({
        dateFormat: 'dd.mm.yy',
        showOtherMonths: true,
        firstDay: 1,
        minDate: 0,
        selectOtherMonths: true,
        monthNames: ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь',
            'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'],
        dayNamesMin: ['Вс', 'Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб'],
        buttonImage: '../images/ico_calendar.png',
        beforeShow: moveme
    });
    function moveme($this,obj) {
        console.log($this,obj);
        $(obj.dpDiv).insertAfter($this);
    }
});